CSS en IE 6.0 Hell

Status
Niet open voor verdere reacties.
I

Immow

Gebruiker
Lid geworden
19 mrt 2007
Berichten
59
Hoi, ik zie geen css sectie staan dus stel ik me vraag hier :)

Ik ben een website aan het maken maar het wil niet lukken voor IE 6.0

In Firefox en IE 7.0 zijn er geen problemen, de site is te vinden op: http://immow.nl/edukit/ click op de link Wij voor de pagina die nu problemen geeft.

Probleem 1: er zit een vage "balk" onder de banner, voor het gemakt heb ik deze background-color: green gegeven om goed te zien wat fout is.
Probleem 2: de footer (balk onder) is verschoven.

natuurlijk moet de wij.html kloppen kwa positie met index.html.

Ik hoop dat jullie me kunnen helpen!!!

ps ik host alles en me internet is niet zo snel dus heb even geduld met laden van website.
 
Tja, in de css zie ik geen problemen.
Wel heb ik je code aangevuld met twee clear divs.
En de charset=iso-8859-1 toegevoegd.

Code:
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Edukit</title>
<link href="http://immow.nl/edukit/test.css" rel="stylesheet" type="text/css"/>
<!--[if lte IE 6]><link href="ie.css" rel="stylesheet" type="text/css"/><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
	<div id="container">
		<div id="banner">
			<img class="img" src="http://immow.nl/edukit/img/wij.jpg" alt="wij"/>
		</div>
<div style="clear:both;"></div>

			<div id="content">
				<p>blalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalal
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				<img src="http://immow.nl/edukit/img/faye.jpg" alt="fij"/>aaaaaaaaaaaaaaaaaaaaablalalaaaaaaaa</p>
				<p>aaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalala
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaa</p>
			</div><div style="clear:both;"></div>
		<div id="footer">
			<img src="http://immow.nl/edukit/img/bar_onder.jpg" alt="bar_under"/>
		</div>

	</div>
</body>
</html>

Hier kun je je code (pagina) testen.
http://validator.w3.org/
 
peter vazed zei:
Tja, in de css zie ik geen problemen.
Wel heb ik je code aangevuld met twee clear divs.
En de charset=iso-8859-1 toegevoegd.

Code:
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Edukit</title>
<link href="http://immow.nl/edukit/test.css" rel="stylesheet" type="text/css"/>
<!--[if lte IE 6]><link href="ie.css" rel="stylesheet" type="text/css"/><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<body>
	<div id="container">
		<div id="banner">
			<img class="img" src="http://immow.nl/edukit/img/wij.jpg" alt="wij"/>
		</div>
<div style="clear:both;"></div>

			<div id="content">
				<p>blalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalal
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				<img src="http://immow.nl/edukit/img/faye.jpg" alt="fij"/>aaaaaaaaaaaaaaaaaaaaablalalaaaaaaaa</p>
				<p>aaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
				aaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalala
				aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaablalalaaaaaaaaaaaaaaaaaaaaaaaa</p>
			</div><div style="clear:both;"></div>
		<div id="footer">
			<img src="http://immow.nl/edukit/img/bar_onder.jpg" alt="bar_under"/>
		</div>

	</div>
</body>
</html>

Hier kun je je code (pagina) testen.
http://validator.w3.org/
Klik om te vergroten...

<div style="clear:both;"></div> <-- wat doet dit? :)
 
Immow zei:
<div style="clear:both;"></div> <-- wat doet dit? :)
Klik om te vergroten...

Dit zorgt ervoor dat wanneer je bv twee divs naast elkaar hebt, de volgende div netjes ONDER de vorige komt.
Anders kunnen ze elkaar wel eens overlappen.
Je hebt nu divs onder elkaar, dus het zou niet hoeven, doch zou wel kunnen helpen.

Evenwel krijg ik in IE6 en FF en mijn interne browser van Arachnophilia hetzelfde beeld, en dit is correct wat de weergave betreft.
Dus in feite kan ik je nu niet verder van dienst zijn.
Je css lijkt mij in orde.
Evenwel heb je enige borders aangegeven (drie stuks), doch één border ben je vergeten,
zet die erbij met 0 px,
mogelijk dat het dan ook helpt.

:cool:
 
peter vazed zei:
Dit zorgt ervoor dat wanneer je bv twee divs naast elkaar hebt, de volgende div netjes ONDER de vorige komt.
Anders kunnen ze elkaar wel eens overlappen.
Je hebt nu divs onder elkaar, dus het zou niet hoeven, doch zou wel kunnen helpen.

Evenwel krijg ik in IE6 en FF en mijn interne browser van Arachnophilia hetzelfde beeld, en dit is correct wat de weergave betreft.
Dus in feite kan ik je nu niet verder van dienst zijn.
Je css lijkt mij in orde.
Evenwel heb je enige borders aangegeven (drie stuks), doch één border ben je vergeten,
zet die erbij met 0 px,
mogelijk dat het dan ook helpt.

:cool:
Klik om te vergroten...

die van border 0px had ik al geprobeerd geen verschil, oplossing ik heb nu 2 css files en heb helaas de wij.html pagina een andere IE css file moeten gebruiken dan index.html... maar het werkt nu bedankt voor alle hulp.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan