div boven uitlijnen

[Maverick2001]

Met dreamweaver (CS3) heb ik gekozen voor een standaard 3 column fixed met header en footer.
In de linker div heb ik het menu, in het midden de tekst en in de rechter een afbeelding. In FF geen problemen echter in IE6 zie ik dat zowel de tekst in de rechter en linker div niet bovenaan komt. Ook al heb ik de padding en margin op 0 staan blijft de text in IE6 steeds een stukje van boven.

De stylesheet is alsvolgt:

code:

html, body {
    height: 100%;
    background-image:url(images/bodyback.jpg);
    background-repeat:repeat-y;
    background-position:center;
}

body  {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
        
}
.thrColFixHdr #container { 
    width: 992px;
    background: #FFFFFF;
    margin: 0 auto;
    text-align: left;
    background-image:url(images/bodyback.jpg);
    background-repeat:repeat-y;
    height:100%;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
} 
.thrColFixHdr #header { 
    background: #FFFFFF; 
    height:140px;
    background-image:url(images/header.jpg);
    padding: 0 10px 0 20px;
} 
.thrColFixHdr #header h1 {
    margin: 0;
    padding: 10px 0;
.thrColFixHdr #sidebar1 {
    float: left;
    width: 150px;
    padding: 10px 10px 0px 12px;
}
.thrColFixHdr #sidebar2 {
    float: right;
    width: 160px;
    padding:0px;
    margin:0px;
}

.thrColFixHdr #mainContent { 
    margin: 0 200px;
    padding: 0 10px;
} 
.thrColFixHdr #footer { 
    padding: 0 10px 0 20px;
    background:#DDDDDD;
} 
.thrColFixHdr #footer p {
    margin: 0;
    padding: 10px 0;
}
.fltrt {
    float: right;
    margin-left: 8px;
}
.fltlft {
    float: left;
    margin-right: 8px;
}
.clearfloat { 
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

[TeeDee]

Plaats even een testcase online, want zo alleen de CSS is niet voldoende.
Is IE6 de enige van de IE browser die problemen geeft? Zo ja > Plan voor stoppen ondersteuning IE6

Wat heb je trouwens zelf al gedaan om je probleem op te lossen?

Verder vind ik je benaming van styles niet zo heel erg top: wat nu als .fltrt ineens een float: left wordt. Dan slaat de benaming nergens meer op

[ Voor 23% gewijzigd door TeeDee op 05-08-2009 22:27 ]

[Maverick2001]

TeeDee schreef op woensdag 05 augustus 2009 @ 22:25:
Plaats even een testcase online, want zo alleen de CSS is niet voldoende.
Is IE6 de enige van de IE browser die problemen geeft? Zo ja > Plan voor stoppen ondersteuning IE6

Wat heb je trouwens zelf al gedaan om je probleem op te lossen?

Verder vind ik je benaming van styles niet zo heel erg top: wat nu als .fltrt ineens een float: left wordt. Dan slaat de benaming nergens meer op

Ik heb een paar uur zitten zoeken op google en zitten spelen met negatieve margin.

Ik ken het IE6 topic echter zijn er toch wel heel veel gebruikers die nog met IE6 werken.

Het probleem is wel gefixed inmiddels en zat niet in de style sheet. Bij het aanmaken van de template wordt er een IE fix in de template header gezet waarbij bij IE in de linker en rechter balk een padding van 30px wordt meegegeven wat totaal overbodig is. Als ik deze aanpas naar 0 dan is het probleem opgelost.

[TeeDee]

Maverick2001 schreef op woensdag 05 augustus 2009 @ 23:11:
[...]
Het probleem is wel gefixed inmiddels en zat niet in de style sheet. Bij het aanmaken van de template wordt er een IE fix in de template header gezet waarbij bij IE in de linker en rechter balk een padding van 30px wordt meegegeven wat totaal overbodig is. Als ik deze aanpas naar 0 dan is het probleem opgelost.

Leuk dat het opgelost is. Mocht dit niet het geval zijn, begrijp je dan waarom er een online testcase gevraagd wordt?

[Maverick2001]

TeeDee schreef op woensdag 05 augustus 2009 @ 23:13:
[...]

Leuk dat het opgelost is. Mocht dit niet het geval zijn, begrijp je dan waarom er een online testcase gevraagd wordt?

Natuurlijk! Ik had de testcase ook bijna klaar en zag toen het probleem!
Al dacht ik wel dat dit een algemeen probleem zou kunnen zijn met IE6. Vooral om dat FF, safari, IE7 enz. de pagina wel goed weergeven. Ik ging er vanuit dat er toch iets mis was met mijn stylesheet! En ik denk dat je kan voorstellen hoe gestoord je wordt wanneer je denkt dat je alles goed hebt conform de regels en dan toch nog verschillen ontstaan.