[CSS] Posizionamento e IE 6

[99caos]

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">
[...][/list]
<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

[antos]

aggiungi a #contenuto float:left;

[99caos]

aggiungendo float: left;

eplorer allinea il box sotto il menu a destra e lo stesso fa firefox, infatti quest'ultimo perde anche lui l'allineamento...

[99caos]

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.

Il codice CSS è:
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 per imprementare entrambi i valori.
Altri suggerimenti?

Il secondo dipende dalla lista UL che funge da mappa cliccabile.

Il codice CSS è:
position: relative;
con questo si allinea perfettamente in firefox.
Aggiungendo:
position: relative; top: -115px; left: 50px;
si allinea manualmente con explorer ma si perde l'allineamento in firefox.

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