DIV probleem IE 6

[m00n]

Beste Tweakers,

Voor mijn afstudeerproject heb ik een website met content management systeem moeten ontwikkelen voor een bedrijf.

Nu kwam ik er laatst achter dat de website niet goed wordt weergegeven in Internet Explorer 6. Ik had hem getest op IE7, Firefox, en op een mac met Firefox en Safari.

Voor de mensen met IE7 en IE6 kunnen het probleem hieronder gewoon zien:
http://213.10.216.43/marcdelemarre/

Voor de mensen met alleen IE7, de DIV waarin de groote plaatjes staan (met slogan, ijskoud de beste), staat onder het menu, ipv ernaast.


Eerst dacht ik dat een div te breed was waardoor hij hem naar beneden verplaatste, maar na een div in te korte bleek dat dit het niet was. Vervolgens heb ik een margin-left toegevoegd, maar hierdoor komt hij ook niet te staan naast het menu.

Iemand een idee?

Code:

code:

#container  {
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 0px;
    text-align: left; /* this overrides the text-align: center on the body element. */
} 
#navcontainertop
{
    padding: 10px 20px 10px 0px;
    height: 35px;
    width: auto;
}
#navcontainermain {
    float: left;
    width: 268px;
    height: 324px;
    background: #ffffff url(../images/menubackground.jpg);
}

#picturecontainer {
    margin-left: 269px;
    width: 510px;
    height: 234px;
}
#navcontainersecundair
{
    text-align: left;
    width: auto;
    height: 12px;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    background: #469ac6;
    padding: 13px 10px 10px 5px;
}

[MoietyMe]

code:

#picturecontainer {template_css.css (line 52)
height:234px;
float:right;
width:510px;
}

Nou weet ik niet hoelang je al met html etc werkt, maar het is niet de meest nette code (semantiek).

[Jogai]

Probeer ook eens een float mee te geven aan picturecontainer.

[ Voor 20% gewijzigd door Jogai op 03-12-2007 14:13 ]

[m00n]

Good Fella schreef op maandag 03 december 2007 @ 14:08:

code:

#picturecontainer {template_css.css (line 52)
height:234px;
float:right;
width:510px;
}

Nou weet ik niet hoelang je al met html etc werkt, maar het is niet de meest nette code (semantiek).

Hij is nu alleen een beetje gaar in Safari en Firefox .

Code kan altijd nog opgeschoond worden, als het maar werkt .

[MoietyMe]

m00n schreef op maandag 03 december 2007 @ 14:15:
[...]


Hij is nu alleen een beetje gaar in Safari en Firefox .

Code kan altijd nog opgeschoond worden, als het maar werkt .

Je moet #containermiddle nog even clear:both; meegeven. Dat zorgt ervoor dat de float elementen er niet overheen mogen floaten

[m00n]

Heb hem nu bijna goed.

Overal ziet hij er uit zoals hij moet. Alleen nog bij IE6 heeft hij last van de padding in #navsecundair volgens mij.

[MoietyMe]

code:

<!--[if lt IE 7]>
   <link rel="stylesheet" type="text/css" href="css/iestyle.css"/>
<![endif]-->

Kun je daar elementen stijlen alleen in IE6 en vroeger