Ciao a tutti, il sito web che ho creato si vede bene sullo smartphone, però le scritte di fondo (copyright ecc), si pongono una sopra l'altra anzi che essere visualizzate in una sola linea orizzontale (come accade visualizzando da computer). eppure la larghezza della pagina, anche sul cellulare, dovrebbe consentirne la piena visualizzazione orizzontale (a riprova di questo ho pure eliminato un po' di testo, ma il risultato è stato lo stesso)
ecco un'immagine
http://imageshack.us/photo/my-images/29/99ay.png/
ed ecco il codice HTML
<style type="text/css">
@import url(css1.css);
.containercontent
{text-align: right;}
</style>
</head>
<body>
<div class="containerfascia1"></div>
<div class="containerprincipale">
<div class="containeralto">
<div align="right"><span class="firsttext">Italian [img]ita.jpg[/img]</span><span class="secondtext">English [img]eng.jpg[/img]</span></div>
</div>
<div class="containercontent">
<div class="containerimmagine">[img]logo.jpg[/img]</div>
<div id="cssmenu">
<ul>
<li class="active "><span>Home</span>[*]<span>Presentation</span>[*]<span>Products</span>[*]<span>Contacts</span>[/list]
</div>
<div id="slideshowWrapper" float="left">
<ul id="slideshow">
[*][img]images/12.jpg[/img][*][img]images/11.jpg[/img][*][img]images/10.jpg[/img][*][img]images/9.jpg[/img][*][img]images/8.jpg[/img][*][img]images/7.jpg[/img][*][img]images/6.jpg[/img][*][img]images/5.jpg[/img][*][img]images/4.jpg[/img][*][img]images/3.jpg[/img][*][img]images/2.jpg[/img][*][img]images/1.jpg[/img]
[/list]
</p>
</div>
</div>
<div class="containerbasso"><span class="lasttext">xxxx xxxxx xxxxx xxxxxx © Copyright 2013 xxxxxxxxxxxxxxxxxx</span></div>
</div>
<div class="containerfascia2"></div>
</body>
</html>
CSS:
.containerbasso
{
width:950px;
height: 60px;
z-index:1;
}
.lasttext
{
color: #5B0000;
font-family: Baskerville, Times New Roman, Serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
float:left;
width: 100%;
height: 100%;
}
Comunque solo il browser originale del cellulare visualizza il sito in questo modo, mentre un altro browser lo visualizza come da pc. però la versione precedente del sito veniva visualizzata correttamente, quindi forse ho fatto un errore questa volta.
Un altro problema, come si vede dalla foto, è che sul cellulare il sito si ferma al 70% della pagina all'incirca, lasciando un vuoto per molto spazio, come si può risolvere questo problema? grazie in anticipo, qualsiasi idea è apprezzata
Rispondi quotando
