float div werkt niet in IE7

Merijn schreef op 09.02.2009 17:29

niet hoeft, maar moet// anders krijg je errors te zien, en die wil je niet ;)

Sja, dat je dubbele DOCTYPES krijgt, is waarschijnlijk omdat je dit include maar ook in je bronbestand zelf staat?

Sowieso hoort het niet, en geeft errors. Daarnaast moet je altijd valideren met W3C standaarden. Dreamweaver heeft een leuke validatie maar is niet gericht op de W3C standaarden, dus valideer altijd met W3C.

Dus wat was er fout aan mijn post? Het moet dus gewoon enkel uit PHP bestaan want dat voorkomt fouten.

@Mohamed: Als je de <ol> in een echo zet moet er geen probleem zijn.

hi Justin,

thanks voor deze tip. ik ga het vanavond testen.
btw kan ik hiermee het probleem oplossen dat div men in FF v. 3 gelijk staat aan het content div, terwijl dit hoger staat in IE7

@Mohamed

Het eenvoudigst is om 1 standaard pagina te maken, waarin je alle HTML headers e.d. al hebt staan, in de rest van de pagina's genereer je Alleen content waarin geen nieuwe headers worden gemaakt.

hallo allemaal,

ik heb de html errors opgelost en zowel html als css zijn nu volledig valid. echter ik loop tegen het volgende probleem aan:
er is nu teveel witte ruimte tussen de divs in header en de header border.
op de header heb ik 3 divs aangemaakt en ik gebruik de volgende code:

#header_k img {
	float: left;
	width: 140px;
	padding-left: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
#header #header_t {
	padding-bottom: 0px;
	margin: 0px;
	}
#header #header_t h2 {
	text-align: right;
	padding-bottom: 3px;
	}
#header #verborgen {
	clear: both;
	margin: 0px;
	padding: 0px;
	}

<img src="foto's/header_k.jpg" alt="syntaxis logo" />
<div id="header_k"><img src="foto's/paul_k.jpg" alt="Paul van Riel foto" /></div>
<div id="header_t"><h2>Taal Trainingen</h2></div>
<div id="verborgen"></div>

helaas lukt mij niet op geen enkel manier om die witte ruimte weg te halen.

ik hoor graag van jullie

Kan je even een plaatje maken wat je precies bedoelt, ik zie namelijks niks fout aan zowel je webpagina als je code... En aangezien je site ook wit is, snap ik niet welke witmarge je bedoelt :P

hi Justin,

volgens mij heb ik grijze haren gekregen op mijn kop voor de code van deze website, maar het is uiteindelijk wel gelukt :D
ik vraag mij echter af of het nu goed is de manier die ik heb gebruik om dit te realiseren.
ik heb nu een foto en een div in de header staan. zijn foto heb ik toegevoegd als background voor de div en de tekst heb ik gezet aan de rechterkant. dit is mij dus enkel gelukt nadat ik zijn foto heb toegevoegd als background, want anders kwam de tekst en de foto niet op een lijn te staan.

initieel heb ik het op volgende manier geprobeerd: een foto in de header and 2x divs. vervolgens heb ik div_k (welke zijn foto bevat) een float-left gegeven. hierna kwam div_t wel naar links, maar de content kwam ook naar boven. dit was absoluut dus niet de bedoeling. ik heb nog een div geplaatst onder die 2x divs en toen kwam de grote witte ruimte..

ik hoor het graag :D