Bordi tra colonne assenti in Opera...

[Toelupe]

Emh...eccomi di nuovo quà
Ho un piccolo problemino con la visualizzazione su Opera (o IE) di tre colonne create attraverso un css.
In pratica su IE6 le tre colonne centrali sono separate da un bordo nero, in Opera invece i bordi non ci sono e le tre colonne sono attaccate; ho provato ad aggiungere al margin-left e margin-right 2px solid, ma il risultato è che si in Opera compaiono magicamente i bordi, ma in IE6 i bordi si ingrandiscono ulteriormente.
Il link alla pagina è quì
Questo invece è il codice del css

body {
width: 780px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background: black;
}

#header {
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 0px;
border-right: 0;
border-bottom: 0px;
border-left: 0;
height: 80px;
background-color: white;
font-family: Verdana, sans-serif;
font-size: 15px;
text-align: center;
color: black;
}

#header2 {
display: block;
margin-top: 2px;
margin-bottom: 0;
border-top: 0px;
border-right: 0;
border-bottom: 0px;
border-left: 0;
height: 20px;
background-color: white;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

#head03 {
display: block;
margin-top: 2px;
margin-bottom: 2px;
border-top: 0px;
border-right: 0;
border-bottom: 0px;
border-left: 0;
height: 15px;
background-color: white;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

#colo-sx {
padding: 0;
float: left;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
width: 150px;
height: 500px;
background-color: red;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

#colo-dx {
padding: 0;
float: right;
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
width: 150px;
height: 500px;
background-color: red;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

#colo-centro {
padding: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
height: 500px;
background-color: green;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

#footer {
display: block;
margin-top: 2px;
margin-bottom: 2px;
border-top: 0px;
border-right: 0;
border-bottom: 0px;
border-left: 0;
height: 20px;
background-color: white;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

#footer2 {
display: block;
margin-top: 0;
margin-bottom: 0;
border-top: 0px;
border-right: 0;
border-bottom: 0px;
border-left: 0;
height: 15px;
background-color: white;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

[floyd46]

body {
width: 780px; /* non credo si possa dichiare un valore in px x il body */
margin-top: 5px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background: black;
text-align:center;
}


dovresti mettere il tutto in un contenitore di 780px e per farlo apparire al centro dovresti scrivere:
#content{
margin:0 auto;
padding:0;
width: 780px;
}

#header {
display: block; /* perchè display:block? */
}

#header2 {
display: block; /* ? */
}

#head03 {
display: block; /* ? */
}

#colo-sx {
padding: 0;
float: left;
display: block; /* ? */
width: 150px;
height: 500px; /* ? */
}

#colo-dx {
padding: 0;
float: right;
display: block; /* ? */
margin-top: 0;
margin-bottom: 0;
border-top: 0px;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
width: 150px;
height: 500px;
background-color: red;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: center;
color: black;
}

prova a sistemare queste cose, magari si vede per i bordi.

ciao

[Toelupe]

Provato ma il "difetto" si presenta comunque...

[floyd46]

ciao
quelle "correzioni" non si riferivano alla visualizazione dei bordi;

se posso darti un consiglio, cerca di impostare la larghezza del DIV#contenitore in misura %;

le due colonne ai lati le metti in px e la colonna centrale non la dichiari (in termini di px).

così è molto + semplice e non ti dannerai la vita.

ciao