Newsgroup: it.comp.www.html
Titolo: [CSS] Posizionamento e IE 6

http://www.artmachine.it/index2.php
Firefox e Netscape 7 visualizzano tutto perfettamente allineato.
Explorer fa delle cose assurde.
Opera 6 non rispetta la sistanza del box contenunto rispetto al menu.
come risolvere questi problemi?
Il css é:
#all {/* contiene tutto*/
	border: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	height: 600px;
	width: 790px;
}
#testata {/*il titolo artmachine */
	background-image: url(images/titolo.gif);
	position: relative;
	left: 95px;
	border : 0px;
	height : 47px;
	width: 335px;
	margin : 0px;
	padding: 0px;
	text-align: left;}
#contenuto {/* è il box nel riquadro fuchsia */
  border: 1px solid Fuchsia;
  position: relative;
  margin: 0;
  padding: 0;
  height : 420px;
  width: 700px;
  overflow: auto;
}
ul#map1 { /* è il menu di sinistra */
   position: relative;
   float: left;
   z-index: 500;
   margin:0; padding:0;
   width: 90px;
   height: 165px;
   list-style:none;
   background: transparent url(images/menu.gif) no-repeat;} 
 
L'html è:
<div id="all">
<div id="testata"></div>
<ul id="map1">
<li id="map1-link1"><a title="home" href="pagina.php?name=home"></a></li>
[...]
</ul>
<div id="contenuto"></div>
</div>
mi sembra di aver rispettato tutti gli standard... cosa c'è che non va?
Arjuna
-- 
Gnotis se auton.
 31/03/2004 13.31.25



 
La pagina non è corretta, prova a validarla.
Poi c'è questo:
8<---8<---8<---8<---8<---8<---8<---
ul#map1 li {
    display:block;
    position: absolute;
    margin:0; padding:0;
	border: thin dashed Aqua;
	height:16px
}	
li#map1-link1 {top:0px;}
li#map1-link2 {top:25px;}
li#map1-link3 {top:50px;}
li#map1-link4 {top:75px;}
li#map1-link5 {top:98px;}
li#map1-link6 {top:123px;}
li#map1-link7 {top:146px;}
8<---8<---8<---8<---8<---8<---8<---
tu fai un posizionamento assoluto dei <li>. Praticamente li rimuovi dal 
loro flusso naturale e mozilla (giustamente) non ti applica il bordo 
correttamente.
Forse ce ne sono altre che non ho tempo di guardare ora. Dai un'occhiata 
qui per fare meglio quella lista:
http://css.maxdesign.com.au/listamatic/
Tieni conto del problema del box model di IE
ciao

Sicuro che display:block ci va in un elemento LI?

 Sicuro che display:block ci va in un elemento LI?
serve per emulare una mappa tramite CSS, l'ho visto su con stile.
Arjuna
-- 
Homo sum, humani nihil a me alienum puto.
 31/03/2004 15.34.35

 Sicuro che display:block ci va in un elemento LI?
serve per emulare una mappa tramite CSS, l'ho visto su con stile.


 ciao
Grazie comunque
-- 
Gnotis se auton.
 31/03/2004 15.43.36

 Grazie comunque
Ciao

Ho limitato i problemi a due soli.
Adesso il div #testata (quello con la scritta artmachine)
e il div #contenuto (il riquadro fuchsia che contiene le informazioni)
non sono allineati.
Il primo č spostato molto sulla destra
position: relative; left: 95px;
se imposto left: -200px; mi risulta allineato (ma ovviamente si sposta
anche in firefox).
Avevo per tanto pensato di usare un' hack come il box hack.
Altri suggerimenti?
Il secondo dipende dalla lista UL che funge da mappa cliccabile.
position: relative;
con questo si allinea perfettamente in firefox.
position: relative; top: -115px; left: 50px;
con questo si allinea manualmente con explorer.
Per rimediare dovrei usare anche qui la tecnica per il box.
Non mi sembra perň il metodo piů pulito...
Suggerimenti?
(
www.artmachine.it
)
Arjuna
-- 
Homo sum, humani nihil a me alienum puto.
 01/04/2004 0.29.33

 Suggerimenti?
Con mozilla #contenuto si sovrappone a #testata credo sia perché
li posizioni relativamente
Non vedo l'utilità di utilizzate la tecnica di mappatura immagine con la 
lista visto che lo sfondo è bianco.
usi un id per il body ma poi ridefinisci il tag body nel css.
Ridefinisci il tag td (applicando anche un immagine di sfondo), ma poi 
non lo usi nella pagina.
Hai corretto OnLoad con onLoad e dovrebbe essere onload (valida!),
se validassi ti accorgeresti che stai usando lo stesso id più volte.
Cerca di mettere solo le cose essenziali. Il css è un pò incasinato
Ciao

 Cerca di mettere solo le cose essenziali. Il css è un pò incasinato
Grazie per i consigli, sapresti indicarmi degli strumenti per ottimizzare
meglio il codice? Forse potrebbero essermi utili degli esempi di fogli di
stile perfetti e complesse, che ne dici?
Arjuna
-- 
Homo sum, humani nihil a me alienum puto.
 01/04/2004 11.25.51