Menù spaginato.

[PinkBetta]

Ciao.ho realizzato questo sito http://www.sacrarte.com su un computer con unoschermo 15 pollici e lì mi si vede bene, ma su uno schermo da 17 ho notato che ilmenù slittain fondo! Sapete come risolvere il problema? Questo è il css:

body {
font-family:Comic Sans MS, Times New Roman, Verdana;
background-image:url(img/back.jpg);
background-position:center;
margin-bottom:30px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:14px;
}

h1 {
font-size:14px;
font-style:italic;

}

h3 {
font-size:18px;
font-style:italic;

}

p {

text-align:center;
padding:0px;
margin:10px 0px 0px 0px;

}

paragrafo {

padding:50px 0px 0px 0px;

}

#container {

margin:0px auto;
text-align:left;
width:800px;
height:auto;
background-color:#fbfbe2;
border:1px solid;
}


#header {

background-image:url(img/header.jpg);
width:800px;
height:170px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;

}

#cdx {
width:600px;
height:auto;
overflow:auto;
margin:0px 0px 0px 0px;
text-align:center;
float:right;
background-color:#fbfbe2;

}

#scritte {

border:1px solid;
width:160px; /*per cambiare riquadro img*/
height:auto;
text-align:center;
float:left;
margin:30px 30px 30px 0px;

}

#csx {
width:200px;
height:auto;
margin:0px auto;
text-align:right;
float:left;

}
#menu {
width:150px;
height:250px;
float:left;
margin:0px 0px 0px 20px;

}

#ricciolo {

width:150px;
height:150px;
background-image:url(img/ricciolo.jpg);
background-repeat:no-repeat;
margin:300px 30px 0px 0px;

}

#menu ol {

list-style-type:none;
font-weight:bold;
font-size:14px;
text-align:left;
padding:130px 0px 0px 0px;
margin:0px auto;

}

#menu ol li {
border:1px solid;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 50px 0px;

}

#menu ol li a{
text-decoration:none;
color:#000080;

}


#menu ol li a:hover {
text-decoration:none;
color:#1e90ff;

}

#gallery {

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;

}

img {

border:none;
}

#footer {

background-image:url(img/footer.jpg);
background-position:center;
background-repeat:no-repeat;
width:800px;
height:90px;
clear:both;

}


Grazie!

 

[PinkBetta]

Nessuno?

 

[alessandro1997]

Ho un Acer AL1716 da 17 pollici e il menù lo vedo sulla sinistra...

 

[PinkBetta]

Ma non va in fondo sotto le immagini, invece che a sx ma accanto?

 

[alessandro1997]

No, è accanto all'immagine iniziale. Sulla sinistra. Perfettamente allineato.

 

[PinkBetta]

Grazie!
Eppure sul mio computer fisso con lo schermo 17 pollici lo vedo in fondo... forse lo fa solo ad alcune risoluzioni, non so che dire...
Altre persone che lo vedono bene o male? Giusto per capire su quali monitor lo fa e come risolverlo.

 

[WpStyle]

Risoluzione 1440x900 su schermo 19 pollici.
Browser Firefox 3.0.14
Io lo vedo bene senza problemi, unica cosa la distanza tra le voci del menu, non sò se sia voluta...
in allegato trovi lo screen dell'immagine

Ciao

 

[satifal]

Il problema non dovrebbe essere la risoluzione dello schermo oppure la dimensione del monitor, ma il browser e la versione utilizzati. Infatti la risoluzione dello schermo o la dimensione del monitor provovano esclusivamente la comparsa delle barre di scorrimento sul browser, ma non dovrebbero influire sulla visualizzazione della pagina web.
Premesso questo io con un portatile con monitor 14'' e risoluzione 1280 x 800 lo vedo correttamente con Firefox versione 3.5.3 mentre con Explore versione 6 noto il problema da te riscontrato (lo slittamento in basso del menu di sinistra).

E' possibile testare il proprio sito su diversi browser e diverse versioni dello stesso browser senza doverli necessariamente installare tutti.
Sul sito BrowserShots è possibile ottenere gratuitamente degli screenshot delle pagine del proprio sito visualizzate sulla maggiorparte dei browser in circolazione.

 

[alessandro1997]

Praticamente devi trovare un hack per rendere il menù cross-browser. Se non sbaglio ci sono siti interi dedicati agli hack per il CSS, prova a cercare su Google.

 

[PinkBetta]

Hai ragione Satifal, melo fa solo con Internet Explorer (io uso sempre Firefox).
Ora provo a cercare come posso rimediare, grazie a tutti!