Maledetto Mozilla

[poeta1978]

Prego guardare http://www.iopoetamultimediale.it/be...izie/prova.htm con IE e poi con Mozilla, perchè fa così?

Il codice css è:

#Argomento {
width: 980px;
color: #EEEE00;
background: #0000FF;
}
#Argomento h3 {
margin: 0;
}
#Sottoargomento {
width: 980px;
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #000;
}
#Sottoargomento1 {
width: 364px;
height: 100px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
float: left;
}
#Sottoargomento1 a {
color: #000;
text-decoration: none
}
#Sottoargomento2 {
width: 100px;
height: 100px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
text-align: center;
float: left;
}
#Sottoargomento3 {
width: 100px;
height: 100px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
text-align: center;
float: left;
}
#Sottoargomento4 {
width: 200px;
height: 100px;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
text-align: center;
float: left;
}
#Sottoargomento4 a {
color: #000;
text-decoration: none
}
#Sottoargomento5 {
width: 200px;
height: 100px;
border-bottom: solid 1px #000;
text-align: center;
float: left;
}

[whiteduke]

Perchè poveretto Mozilla.... è lui che interpreta correttamente il css e non IE! Comunque penso che l'errore derivi dal fatto che ripeti più di un id. Dovresti sostituirli
con class se vuoi ripeteli.

Ciao

[poeta1978]

Ho messo class ma scompare il css

[whiteduke]

invece di # devi mettere .

.Sottoargomento5 {
width: 200px;
height: 100px;
border-bottom: solid 1px #000;
text-align: center;
float: left;
}

prova a vedere anche qui:

http://www.html.it/css/guida_css_09.htm

Ciao

[poeta1978]

E fin qui ci sono arrivato, grazie, ma i bordi laterali?

[poeta1978]

[weppos]

Originariamente inviato da poeta1978
E fin qui ci sono arrivato, grazie, ma i bordi laterali?

L'ordine è

border-bottom: 1px solid #000;

non

border-bottom: solid 1px #000;

[poeta1978]

Nella pagina di prova è ok, ma guarda http://www.iopoetamultimediale.it/bellenotizie/forum/

[poeta1978]

[poeta1978]

Riporto il css completo:

.Menu1 {
width: 980px;
text-align: right;
}
.Menu2 {
width: 980px;
text-align: center;
}
.Argomento {
width: 980px;
color: #EEEE00;
background: #0000FF;
border: 1px solid #000;
}
.Argomento h3 {
margin: 0;
}
.Sottoargomento {
width: 980px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
background: #EEE;
}
.Sottoargomento1 {
width: 364px;
height: 100px;
background: #EEE;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
float: left;
}
.Sottoargomento1 a {
color: #000;
text-decoration: none
}
.Sottoargomento2 {
width: 100px;
height: 100px;
background: #EEE;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
float: left;
}
.Sottoargomento3 {
width: 100px;
height: 100px;
background: #EEE;
border-right: solid 1px #000;
border-bottom: 1px solid #000;
text-align: center;
float: left;
}
.Sottoargomento4 {
width: 200px;
height: 100px;
background: #EEE;
border-right: solid 1px #000;
border-bottom: 1px solid #000;
text-align: center;
float: left;
}
.Sottoargomento4 a {
color: #000;
text-decoration: none
}
.Sottoargomento5 {
width: 200px;
height: 100px;
background: #EEE;
border-bottom: 1px solid #000;
text-align: center;
float: left;
}
.Sottoargomento5 a {
color: #000;
text-decoration: none
}

La pagina da vedere coi due browser è http://www.iopoetamultimediale.it/bellenotizie/forum/