Ie & ff

Status
Niet open voor verdere reacties.
pro pizza

pro pizza

Gebruiker
Lid geworden
24 dec 2007
Berichten
454
Hallo,

Wat moet ik veranderen in mijn css bestand om de site in FF en IE gelijk te krijgen?
LINK

Html:
HTML: 
<html>
	<head>
	
		
		<title>
			Title
		</title>
		
		<link rel="stylesheet" href="style.css" type="text/css" />
	
	</head>

<body>


<div id="header">
<img src="header2.jpg" />
</div>	
<div id="navigatie">
	<ul id="lijst">
		<li id="actief"><a href="#" id="current">Item one</a></li>
		<li><a href="#">Item two</a></li>
		<li><a href="#">Item three</a></li>
		<li><a href="#">Item four</a></li>
		<li><a href="#">Item five</a></li>
	</ul>
</div>
Css:
Code: 
body
{
background-color: #000000;
}

#lijst li
{
vertical-align: middle;
text-align: center;
font-family:"Verdana", Sans-serif, Serif;
display: inline;
list-style-type: none;
padding-right: 30px;
}

#lijst
{
margin-top: 118px;
background-image:url('gradient2.jpg');
background-repeat:repeat-x;
height: 40px;
width: 100%;

}

#lijst a:link, #lijst a:visited
{
color: #ffffff;
text-decoration: none;
}

#lijst a:hover
{
color: #b9ad94;
text-decoration: none;
}

#header
{
height: 100px;
width: 100%;
}

Mvg, Ruben
 
Er mist 'n doctype. Dat betekent dat je verschillen krijgt tussen browser. Zet helemaal bovenaan in je document (er mag zelfs geen spatie voor staan):
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
Dan weet de browser hoe hij het moet weergeven.

Je hebt meerdere soorten doctypes, maar gezien jouw code heb ik voor strict gekozen. Dan moet al je opmaak in 'n css-bestand, zoals jij al hebt gedaan. Dat is het beste, ook met het oog op de toekomst.
Ik vermoed dat dit al voldoende is. Anders horen we 't wel.

Op deze pagina: http://validator.w3.org/
kun je je pagina valideren. Dan had je daar ook 'n foutmelding over 't doctype gekregen.
 
haha, oké bedankt :D ga het meteen proberen.
Ik had er al een doctype boven staan, maar dat was dan waarschijnlijk niet de goede :$.

Mvg, Ruben
 
Bij ul#lijst moet je in de css toevoegen:
Code: 
margin: 0;
padding: 0;
Browsers geven standaard margin en/of padding aan 'n ul, en die is voor verschillende browsers anders. Ik denk dat 't daarmee is opgelost.

Maar, dit is niet rottig bedoeld, als je geen doctype gebruikt, dat van die ul niet weet, geen tekenset opgeeft (zie validator), is het dan niet slimmer om eerst 'n cursus te volgen?

't Valt me trouwens op dat je pagina erg traag laadt (3,29 seconde), terwijl hij nog vrijwel leeg is. Dat zit 'm vooral in de afbeelding van de header, die erg groot is. Ik vermoed dat je op 'n server zit die erg traag is, dan zijn kleine afbeeldingen helemaal belangrijk.
 
Ach, het is voor een CKV opdrachtje voor school, dus veel hoeft het niet voor te stellen;)
Die vrouw heeft de ballen verstand van pc's dus de laadtijd maakt haar oook nix uit.

Het is opgelost nu: bedankt :thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan