Conversione IE

**skidno** · 18-08-2006, 00:50

Il mio problema è riuscire a far combaciare il layout sia in firefox (il mio browser prediletto) che in IE... più che altro perchè il sito è tutto gestito dagli stili...dato che dei miei amici io sono l'unico credo con firefox devo adattarlo anche per loro...
il sito è superflue.org e questo è il CSS

body { margin:0px; padding:0px; border:0px; background-color:#fff; }
body, p, td, li { font-family:Arial; font-size:11px; color:#494949; }
form { margin:0px; padding:0px; }
img { border:0px; vertical-align: middle;}
a { text-decoration:none; color:#494949; }
a:hover { color:#fff; background-color:#494949; }

#content { margin-top:25px; margin-left:240px; padding-right:20px; padding-bottom:50px; }
#contentleft{ margin-top:25px; margin-left:20px; float:left;}

#maintable { width:100%;}
.grey { background-color:#f5fbfe; line-height: 27px;}
.white { background-color:#f9fcfe; line-height: 27px;}
.header { line-height: 27px; }
.messaggio td { width:70%; border-bottom:1px solid #bbb; }
.autori td { width:15%; border-bottom:1px solid #bbb;}
.risposte td { width:15%; border-bottom:1px solid #bbb;}

.bggrey {background-color:#f5fbfe; border-bottom:1px solid #bbbbbb;}
.bgwhite {background-color:#f9fcfe; border-bottom:1px solid #bbbbbb;}

.piccolo { font-size:9px; }
.grande { font-size:14px; }

.next { padding:4px; background-color:#E6F7FE; float:right; }
.previus { padding:4px; background-color:#E6F7FE; float:left; }
.homepage { height:40px; background-color:#E6F7FE; padding:4px;}
.rispondi { height:20px; background-color:#fff195; padding:4px;}
.postthread { height:40px; background-color:#bdeafd; padding:4px;}
.form { width:200px; }

Cosa c'è da modificare???
dopo nel caso ci metto un selettore in base al browser
P.S. c'è probabilmente qualche errorino nel codice perciò se mi aiutate e ben accetto...
Grazie

**skidno** · 19-08-2006, 23:01

please...

**Another-Life** · 19-08-2006, 23:09

Leva la tabella e gestisci la posizione degli elementi con un div^^

**Another-Life** · 19-08-2006, 23:09

Leva la tabella e gestisci la posizione degli elementi con un div+css

**indigoindigo** · 20-08-2006, 18:22

Ciao skidno...

il codice contiene diversi errori..validalo e correggili..
non ha senso parlare di CSS se il markup non è corretto..ti do qualche indicazione:

-doctype errata:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
invece di
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

-mancano <html> e <body> di apertura
-sporcizia: ci sono diversi </td> a giro che non servono a nulla..

http://validator.w3.org/check?verbos...org%2Fforum%2F

questo è il link del validatore..intanto correggi questi..

p.s. io la pagina con FF la vedo molto incasinata..

**Another-Life** · 20-08-2006, 19:14

Se si utilizzano i CSS per l'impaginazione tanto vale fare a meno delle tabelle indifferentemente dal fatto che ci siano errori o meno nel codice XHTML/HTML.

**indigoindigo** · 20-08-2006, 23:10

Originariamente inviato da Another-Life
Se si utilizzano i CSS per l'impaginazione tanto vale fare a meno delle tabelle indifferentemente dal fatto che ci siano errori o meno nel codice XHTML/HTML.

Sono d'accordo, ma nella pagina linkata non vedo tabelle..solo dei residui, cioè la chiusura di alcuni tag per le colonne

codice:

</td>

forse sono già state eliminate le tabelle..comunque noto che ora con FF si vede bene..

Discussione: Conversione IE

Strumenti discussione

Ricerca discussione

Visualizza

Conversione IE

Permessi di invio