PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
M

pagina met div's

Door Maurice B op 23-10-2006 19:22
1.881 views
ik ben bezig met mijn layout van mijn site maar de pagina wordt in IE en FF fout weergegeven.
is er iemand die weet hoe ik dit kan oplossen?

css:

body
{
	background-color: #F3F3F3;
    font-family: verdana, sans-serif;
    font-size: 11px;
	margin-top: 0px;
	margin-bottom: 5px;
}
a:link, a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

#page{
	background-color: #F7F7F9;
	border: 1px solid #002851;
	margin: 0px auto;
	width: 700px;
}
#header{
	background-image: url(header.gif);
	height: 110px;
	width: 700px;
}
#headermenu{
	color: #FFFFFF;
	float: right;
	margin-top: 1px;
	width: 400px;
}
#content{
	margin-top: 0px;
	width: 100%;
}
#menu{
	border-top: 1px solid #59A929;
	border-right: 1px solid #59A929;
	border-bottom: 1px solid #59A929;
	float: left;
	margin-top: 20px;
	width: 150px;
}
#menutop{
	background-color: #3c7796;
	border-bottom: 1px solid #59A929;
	color: #FFFFFF;
	font-weight: bold;	
}
#tekst{
	border: 1px solid black;
	margin-bottom: 10px;
	margin-left: 175px;
	margin-right: 25px;
	margin-top: 20px;
	width: 500px;
}


en de html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="page">
		<div id="header">
			<div id="headermenu">
				<a href="#">globallink</a> | <a href="#">globallink</a> | <a href="#">globallink</a> | <a href="#">globallink</a> | <a href="#">globallink</a>			</div>
		</div>
		<div id="content">
			<div id="menu">
				<div id="menutop">&nbsp;menu</div>
				&nbsp;- menu<br />
				&nbsp;- menu<br />
				&nbsp;- menu<br />
				&nbsp;- menu<br />
				&nbsp;- menu<br />
			</div>
			<div id="tekst">
				hoi<br />aa<br />aa			</div>
		</div>
	</div>
</body>
</html>
b
bart van der veen
23-10-2006 19:33
als het in ie en ff dan zit er vast ergens een fout in ja.
M
Maurice B
23-10-2006 19:37
het gaat het erom dat mijn layout niet helemaal goed krijg
M
Maurice B
23-10-2006 19:49
zie de link, in FF staat het menu half buiten de div content en in IE staat de tekst div een stuk lager dan het menu. iemand die kan helpen?
P
PHP Newbie
23-10-2006 21:33
geef menu en content beide float right en je 2e probleem is opgelost.

Kan nu tijdelijk niet op FF, want ik zit op een andere computer, maar daar kan vast iemand anders je wel mee helpen.
Jan Koehoorn
23-10-2006 23:30
Zet onder je div met id="text" een <hr class="clearer">. Je CSS ziet er dan zo uit:

    hr.clearer {
        clear: both;
        visibility: invisible;
        height: 0px;
        line-height: 0px;
    }
M
Maurice B
24-10-2006 11:14
in IE krijg ik de tekst div niet naast de menu div.
M
Maurice B
24-10-2006 18:05
iemand die kan helpen?
- SanThe -
24-10-2006 18:12
Bumpen mag pas na 24 uur.

Reageren

Inloggen om te reageren