Beste Leden,

Ik ben bezig met een website aan het coderen. In divs. Maar nu loop ik vast in IE 6. In IE7, Opera en FireFox ziet hij er goed uit. Alleen in IE 6 gaat het fout zie de afbeelding hieronder:
http://i28.tinypic.com/aywpra.png
(text is alleen bedoeld om hem mee te laten rekken, maar helaas gebeurd dat niet)

De bedoeling is dat de kopjes (Laatste nieuws & Wedstrijden) strak tegen het tekstvak aan zitten. De grote grijze vlak moet meerekken naar onderen zodra er meer tekst komt.

Ik hoop dat jullie me kunnen helpen.
De CSS: www.voetbalpassie.nl/v2/style.css
de HTML: Kan je broncode voor gebruiken, anders vraag het me maar

Mvg Jeffrey,

#content {
margin-left: 80px;
min-height: 700px;
overflow: visible;
height: auto;
background-color: #dcdcdc;
padding: 20px;
clear: inherit;
}

.nieuwskop {
background-image: url(images/kopje.png);
width: 410px;
padding-left: 3px;
height: 14px;
line-height: 14px;
font-size: 11px;
font-weight: bold;
color: #336699;
margin-top: 20px;
float: left;
margin: 0px;
padding: 0px;
}

Het zal volgens mij aan een van deze dikgedrukte codes liggen ;)

ps: min-height werkt niet in IE6.

Hartstikke bedankt dat is opgelost. Alleen zit ik nu nog met het probleem dat de DIV content niet meerekt in IE 6. Je zei al dat min-height niet werkte in IE6 klopt. Maar weet iemand hier een manier voor.

.div {
min-height:100px;
height:auto !important;
height:100px;
}

Probeer dit eens, 100px kan je in alle maten veranderen.
Ik weet niet zeker of dit werkt, heb het namelijk nog niet getest ;)

Gr. Gijsbert

Het werkt, IE 6 en IE 7 zijn nu goed. Alleen nu gaat het weer fout bij Firefox en Opera. beide de zelfde fout als bij IE 6 ze rekken niet mee. Weet iemand hier wat op?

Maak een aparte css aan voor IE,
in die aparte css moeten alleen de style sheets komen die anders zijn dat in de nieuwere browsers.

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

naast dat je code zo veel onnodige tags en onlogisch vooral gebruikt, wil ik je hier ook even op wijzen:

Code:

 .nieuwskop {
background-image: url(images/kopje.png);
width: 410px;
padding-left: 3px;
height: 14px;
line-height: 14px;
font-size: 11px;
font-weight: bold;
color: #336699;
 margin-top: 20px;
float: left;
 margin: 0px;
padding: 0px;
}

Thanx Gijsbert en EvK. Maar nu zit ik weer met het probleem dat hij in firefox en Opera niet meerekt?

Misschien een clear division er in zetten?

Zou je me willen uitleggen wat dat inhoud?

Zou iemand me kunnen helpen, want ik ga volgende week weg, dus kan ik er niet meer aan werken en wil hem graag voor volgende week af hebben.

Het is niet zo moeilijk hoor. Elementen die NIET floaten waar wel floatende elementen in voorkomen rekken NIET mee. Wil je dat de grotere div meerekt, dan moet deze ook floaten.

Hoofdregel: Allebei float, of allebei niet.

Volgende vraag: Hoe dan toch centreren?
Gebruik deze nesting:
Div1
Div2
Div3

Div1: geen float, wel margin: 0 auto; vaste breedte.
Div2: float (omliggende div)
Div3: float (en alle inhoud)

Groeten,

David.

Na daadwerkelijk een kijkje in je coden te hebben genomen kan ik je zeggen dat float: left; op content het probleem in FF voor je oplost. Verder heb ik niet getest.

Thanx, maar ik heb nu een andere layout, en hier rekt hij ook niet mee ( www.voetbalpassie.nl/web ) en daar moet hij ook meerekken, en heb alles gedaan wat jullie zeiden. En nog doet hij het niet. Dus dat vind ik vreemd om hij het in de vorige versie het wel deed.