Newsgroup: it.comp.www.html
Titolo: Consigli sul layout

Hi all, 
  sto lavorando ad una nuova versione per il layout del mio sitozzo e
vorrei chiedervi qualche parere.
Innanzitutto mi piacerebbe sapere se vi piace più quello nuovo:
http://digilander.libero.it/nemesis2001/prova/index.html
oppure quello vecchio:
http://digilander.libero.it/nemesis2001/index.html
Mi piacerebbero osservazioni anche sulla scelta dei colori (anche se 
ancora non definitiva).
Inoltre ci sarebbe anche qualche questioncina. I due menu laterali li
posiziono con position:fixed, con Mozilla nessun problema, mentre IE (e
mi pare anche tutti gli altri browser) non supporta questa feature ed in
particolare li tratta come relative. In pratica me li mette uno di
fianco all'altro, nell'angolo in alto a sinistra, non sarebbe proprio
malaccio, ma qesto mi fa slittare il corpo della pagina un pò più in
basso. Mi chiedevo se esiste un modo (evitando js e quant'altro) per
posizionare almeno inizialmente i menu come li mette Mozilla. In pratica
non fa niente se i menu restano nella loro posizione (invece di seguire
lo scroll come fanno con fixed) ma mi basta che almeno siano tutti e due
incolonnati sulla sinistra così come appaiono con Mozilla.
Questi sono piccoli scorci del css attuale:
#menu-sito{
      position:fixed;
      top:57px;
      left:8px;
      float:left;
}
#menu-pagina{
    position:fixed;
    top:250px;
    left:8px;
    float:left;
}
#corpo{
    position:relative;  
    top:0px;
    rigth:0px;
    float:right;
}
 
Inoltre ci sarebbe anche un'altro problemino, i menu sono in effetti
delle Unordered List del tipo:
#menu-sito ul {
    list-style:none;
    margin:0;
    padding:0;
    text-align:right;
}
ed i link al loro interno usano display:block;
Quando vedo la pagina con IE, le varie voci dei menu risultano avere una
spaziatura verticale che non mi riesco a spiegare, è troppo grossa.
Mentre con Mozilla le varie voci sono molto vicine.
 
Beh insomma attendo fiducioso consigli :-)
-- 
            ||      
http://digilander.libero.it/nemesis2001
 |\ |       ||    "Non ci sono percorsi più brevi da cercare, 
 | \|emesis ||  c'è la strada che credi e il coraggio di andare"  


A me piace molto di più la nuova versione...
--
Massy
------------
Tutto sul mondo della patente
<< 
www.autoscuolacarnevale.it
 >>

 Mentre con Mozilla le varie voci sono molto vicine.
probabilmente devi specificare margin e padding anche
per i singoli LI. putroppo ora non ho tempo di controllare,
vediamo se gli altri hanno quelche idea a riguardo.
ciao.
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

 vediamo se gli altri hanno quelche idea a riguardo.
Ho provato e non va. Poi ho fatto un altro tentativo ed ho scoperto in un 
modo del tutto fortuito la soluzione. Mi basta aggiungere:
#menu-sito li {
      border:1px solid #EDEDED;
}
Non si capisce perchè, ma così lo spaziamento verticale funziona.
Io penso che sia il display:block che uso per i link a metterlo in
crisi ... però certo che non ci vuole proprio niente a mettere in
crisi IE.


 crisi ...
Vero, ho avuto lo stesso problema e l'ho risolto alla stessa maniera.
Messo a posto per ie, il mio menu continua a dare qualche problema con
Opera, mentre il tuo ho verificato che e' perfetto, per cui sbircero' un po'
;-)
Max

 Vero, ho avuto lo stesso problema e l'ho risolto alla stessa maniera.
Mi correggo. Mi rimaneva dello spazio eccessivo in alto ed ho risolto cosi':
ul.menu-left li a {
 display: block;
 margin-top: 0;
 padding: 2px 2px 2px 4px;
 //padding-top: 0;
 text-decoration: none;
 color: #63738c;
 }
il doppio slash davanti a padding-top fa si' che la riga venga letta come un
commento da Mozilla e Opera ma non da IE che applica lo stile.
Max

 ;-)
Moment! Opera quale versione. Io ho provato con la 6 e un pò di spazio
superfluo c'era ancora. Cmq mi accorgo solo ora che avevo gia aggiustato
le pagine del mio attuale sito¹ (quello in firma), ero convinto che li
usassi ancora la tabella ma evidentemente lo avevo gia aggiustato e me
ne ero dimenticato :-)
Cmq li il problema l'ho risolto con
#mid-col-2 li {
    display:inline;
}
E questa se non erro funziona anche con Opera6. 
Appena lancio win controllo e riporto i risultati.
[Dopo aver provato]
OK allora la soluzione con display:inline funziona con Mozilla, IE6 e Opera6.
[¹] Nel articolo originale parlavo del layout nuovo che sto provando e
che si trova in 
http://digi.
.....2001/prova/index.html


 Moment! Opera quale versione.
Versione 6. Mi sembrava tutto OK.

 Versione 6. Mi sembrava tutto OK.
Moment! Quale sito hai visitato quello in firma oppure quello
 ...nemesis2001/prova/index.html 
Perchè io parlavo del secondo.
