Heey

Ik ben een design aan het maken.
Nu heb ik de vormen enzo al bijna af.
Ik heb deze op een laptop gemaakt waar ik net 5 minuten geleden firefox heb geinstaleerd.
Het probleem is nu dat hij het in IE wel doet maar dat hij in FF de style niet doet?
Dus hij accepteerd de style(css) niet ofzo?
Hoe kan dat, phphulp doet hij wel met style(css) en andere sites ook.
Ligt het aan mijn scripting?
Hier ff de link en het script:
Link: http://lipdesign.nl/vimapet/
script:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

#body {
/* Vimapet */
}

#content {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 850px;
}

/* HEADERTOP */

#headertopcontent(
	width: 850px;
}

#headertop{
	background-image: url(headertop.gif);
	width: 227px;
	height: 153px;
	float: right;
	margin-right: 10px;
}

/* HEADERBOTTOM + MENU */

#headerbottomcontent{
	
	background-color: #fb7e00;
	width: 850px;
}

#headerbottom{
	background-image: url(headerbottom.gif);
	width: 227px;
	height: 100px;
	float: right;
	margin-right: 10px;
}

#menu{
	width: 603px;
	height: 100px;
	float: left;
}

.buttonscontainer {
	width: 603px;
	height: 25px;
	margin-top: 57px;
}

.buttons a {

	margin-left: 5px;
	border-bottom: 2px solid #000000;
	float:left;
	width:70px;
	height: 30px;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: black;
	background-color: #ffffff;
	padding:0.4em 0.7em;
}

.buttons a:hover {
	background-color: #ffffff;
	border-bottom: 2px solid orange;
}


.buttons ul{
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

.buttons li {display:inline}


/* MIDDEN */

#middencontent{
	width: 850px;
}

#tekstvak{
	background-color: lightgrey;
	width: 850px;
	height: 350px;
	float: left;
}

#copyright{
	background-color: #fb7e00;
	width: 850px;
	height: 20px;
}

#copyright a{color: black;}

</style>

</head>

<body>

	<div id="content">
	
		<div id="headertopcontent">
			<div id="headertop">

			
			</div>
		</div>

		<div id="headerbottomcontent">
			<div id="menu">
				<div class="buttonscontainer">
					<div class="buttons">
						<ul>
						<li><a href="index.html">Home</a></li>

						<li><a href="webdesign.html">Bla?</a></li>
						<li><a href="#">Aha</a></li>
						<li><a href="#">Lalala</a></li>
						<li><a href="#">Een link</a></li>
						</ul>
					</div>
				</div>

			</div>
			<div id="headerbottom">
			</div>
		</div>
		
		<div id="middencontent">
			<div id="tekstvak">
			lol
			</div>
			<div id="copyright">

			Copyright(c) Vimapet bv, Design by <a href="www.lipdesign.nl">Lipdesign</a>
			</div>
		</div>

	</div>

</body>
</html> 


Groeten, Vincent
Offtopic: Wat heeft dit topic met databases en SQL te maken?

Ontopic:
Het probleem is nu dat hij het in IE wel doet maar dat hij in FF de style niet doet?
Wanneer het in IE wel 'goed' is, maar in FF niet, neem dan maar gerust aan dat IE het fout doet! Ga dus voortaan eerst de boel voor FF en andere browsers maken en ga daarna pas de gekke fratsen van IE inbouwen.

IE heeft nogal wat problemen met valide css... Helaas.

In Safari werkt het overigens ook niet, de navigatiebalk is niet aanwezig ondanks dat deze wel in de source-code staat.
Verkeerde hoek, sorry.
Alleen de navigatiebalk?
Bij mij doet de hele css niks.
#headertopcontent(
	width: 850px;
}
Je begint met een ( i.p.v. een { en dat gaat dus niet goed...

Valideer de code ALTIJD !!! Zie www.w3.org
Ik heb dat firebug geinstalleerd.. maar hoe gbruik ik et:?
Verbeter eerst eens wat Frank je al aangaf, en kijk of het werkt. Ik heb Firebug ook, maar snap er ook nog niet veel van.
RTFM ! Dat scheelt vaak een hoop...
Ik heb het nou verbeterd en ik word er niet echt blij van dus ik script maar weer opnieuw....

Bedankt voor de snelle reacties =] .
die site van firebug gedoe doet het niet :(
Leroy schreef op 20.02.2007 16:29
die site van firebug gedoe doet het niet :(
Dan heb je blijkbaar de internetrekening niet betaald, hier doet de site het uitstekend!

Reageren