[CSS] Box probleempje in IE?

[The Milkman]

Goedendag!

Denk ik net mijn eerste website in Full CSS gemaakt te hebben loop ik tegen het Internet Explorer probleem aan. Nu snap ik nog niet helemaal de manier (als dat het tenminste is...) om hier around te worken.

Alle browsers doen het goed, behalve IE. Zie: http://kakel.bertlog.com/

Wie kan mij wat tips geven? Bedankt!

[reddevil]

Klopt het dat ie in FF de tekst ook door de box doet dan ?

[standaard regel] Ennuh, wat heb je zelf al geprobeerd? [/standaard regel]

[The Milkman]

Ja die tekst loopt door er door heen. Moet ik nog recht zetten.

Ik heb al geprobeerd om die css hacks te begrijpen, maar echt lukken wil het nog niet.
Ik zou willen weten of mijn probleem echt te maken heeft met die CSS hacks voor IE...

[H004]

Ik moet iets beter kijken...

Hint: paddings en widths worden bij elkaar opgeteld...

[ Voor 75% gewijzigd door H004 op 07-05-2008 10:23 ]

[MueR]

waarom maak je van die sidebar niet gewoon een background image op je container? Heb je meteen de complete float problemen niet meer.

[The Milkman]

Oke mensen, ik heb hem door.

Edit:

Ik heb d.m.v. deze oplossing een apart style sheetje voor IE gemaakt,
Heb de padding van de width afgetrokken.

code:

<link rel="stylesheet" href="/css/screen.css" media="screen" />
<!--[if ie]>
    <link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->

Bedankt mensen! Super!

[ Voor 78% gewijzigd door The Milkman op 07-05-2008 10:29 ]

[reddevil]

Gebruikt ook firefox met firebug, kan je makkelijk zien hoe iets gerenderd wordt.

[BtM909]

reddevil schreef op woensdag 07 mei 2008 @ 10:27:
Gebruikt ook firefox met firebug, kan je makkelijk zien hoe iets gerenderd wordt.

En wat heeft dat met IE te maken

[reddevil]

BtM909 schreef op woensdag 07 mei 2008 @ 10:32:
[...]

En wat heeft dat met IE te maken

Ging meer omdat ie dingen wilde berekenen met width, paddings, etc. Dan is het makkelijk even snel met firebug te kijken hoeveel een item inneemt.
Natuurlijk heeft dat niks met IE te maken

[The Milkman]

He bah, dacht ik het voor elkaar te hebben. Nu werkt ie in IE7 wél, maar in IE6 niet... Kijk maar:

http://browsershots.org/http://kakel.bertlog.com/

[The Milkman]

Volgens mij heb ik nu last van de 3px bug in IE.
Alleen hoe pas ik deze toe op mijn design?

Ik heb geprobeerd om hem op de hele container toe te passen, maar dat boekt geen resultaat...

[Kiphaas7]

De "vieze snelle" manier zou zijn weer een aparte stylesheet te maken voor ie 6.

<!--[if lte ie 6]> bijvoorbeeld. lte staat voor less than or equal to.

Een betere manier zou zijn om gewoon te gaan googlen, of een fatsoenlijke testcase in elkaar zetten waar je het probleem behoudt maar de rest van de code zoveel mogelijk probeert te isoleren.

[compufreak88]

De eerste hit op google gaf mij deze site:

http://www.positionisever...explorer/threepxtest.html

Die legt uit wat die bug in houdt, en hoe je het kan oplossen.

[The Milkman]

Ik snap dat met dat height: 1% niet...
Maargoed, ik heb bij de container 3 pixels extra gedaan. Zie je bijna niet.