[HTML] Padding probleem in IE

[RelaXXinG]

De site waar ik het over heb ziet er in Firefox wel goed uit.
Maar in Internet Explorer niet.

Firefox

<< links <> rechts>>

Linkerkant & Rechterkant van de layout


Internet Explorer

<< links <> rechts>>

Linkerkant & Rechterkant van de layout


Ik ben er achtergekomen dat in de css bij #news_vak (dus de td waar de tekst in staat van 't news, linkerkant) de padding ervoor zorgt dat het daar te breed wordt.

Als ik van padding: 7px 9px 7px 5px; dit maak: padding: 7px 0px 7px 0px; dan klopt het wel. maar dan zit natuurlijk de tekst links en rechts tegen de rand van de tabel aan.

Weet iemand hoe ik dit kan oplossen? Ik kom er niet uit

index.html (save as)
site.css (save as)

[ Voor 8% gewijzigd door RelaXXinG op 09-12-2005 21:52 ]

[crisp]

boxmodel verschillen

Het beste kan je IE6 volgens het w3c boxmodel laten renderen door een volledige DTD te gebruiken. Voor IE < 6 zou je een extra stylesheet kunnen inladen mbv conditional comments waarin je de verschillen kan compenseren; IE 5.x kent namelijk geen standards compliant mode.

[RelaXXinG]

zie:

index.html (save as)
site.css (save as)

Ik heb het nu veranderd, maar dat is helaas niet de oplossing..

[crisp]

mmz, tsja:

Cascading Stylesheet:

*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;  
}

Je werkt andersom, je dwingt Ff dus in border-box model
Persoonlijk zou ik dat gewoon niet doen; werk liever gewoon naar de standaarden dan kom je de minste problemen tegen. Boxmodel problemen kan je omzeilen door geen vaste width/height ism padding of borders op hetzelfde element te specificeren.

Overigens gebruik je IE-only javascript voor je menu...

[ Voor 8% gewijzigd door crisp op 10-12-2005 12:08 ]

[RelaXXinG]

Welke waarde moet ik dan gebruiken voor box-sizing? Anders geef een voorbeeld zoals jij het zou oplossen.

[RelaXXinG]

Ik heb het inmiddels opgelost door ipv padding aparte td's aan te maken.
Internet Explorer laat het nu wel goed zien.

Alleen nu werkt het menu niet in Firefox, dat het een IE-only menu is, zou kunnen maar voordat ik die aanpassing deed werkte het menu dus wel in Firefox.
die nieuwe index.html staat hier: click

Misschien een tip voor welke menu ik zou kunnen gebruiken die wel werkt in andere browsers dan IE?
Hij moet plaatjes als knoppen kunnen gebruiken en het submenu aan de linkerkant kunnen openen.

[BtM909]

RelaXXinG schreef op zaterdag 10 december 2005 @ 12:35:
Welke waarde moet ik dan gebruiken voor box-sizing?

Wat dacht je van weglaten?
[quote]