Ik heb een logo dat altijd onder aan de pagina geplaatst moet worden dat heb ik gedaan door een Div te gebruiken met de eigenschap bottom:0px
Dat werkt perfect, nu voeg ik echter een navigatiebalk eraan toe en het logo schuift ineens een stukje naar onderen op. Dit gebeurt alleen in de mozilla browsers. Nu heb ik even gezocht op het forum en het lijkt me dat het met float te maken heeft. Maar ik heb al float: none gebruikt en float: clear. Maar dat mag niets baten, heb de volgorde van de divs opgeschoven maar dat werkte ook niet. Misschien dat iemand me er mee kan helpen ?
css
#nav {
position: absolute;
width: 200px;
height: 20px;
top: 0px;
left: 0px;
background-color: #FF0000;
float: clear;
}
#nav1 {
position: absolute;
width: 200px;
height: 20px;
top: 0px;
left: 0px;
background-color: #FF0000;
float: clear;
}#nav2 {
position: absolute;
width: 200px;
height: 20px;
top: 20px;
left: 0px;
background-color: #FF0000;
float: clear;
}#nav3 {
position: absolute;
width: 200px;
height: 20px;
top: 40px;
left: 0px;
background-color: #FF0000;
float: clear;
}
#logo {
position: absolute;
bottom: 0px;
left: 0px;
width: 200px;
height: 20px;
}
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="probeer.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="nav">wef</div>
<div id="nav1">wef</div>
<div id="nav2">wef</div>
<div id="nav3">wef</div>
<div id="logo">[img]"bn_logo.gif"</div> </body> </html[/img]
Ik heb zelf al gezien dat het probleem zich alleen voor doet als ik een plaatje gebruik. Dus als ik in div logo het plaatje vervang door een text dan gaat het wel goed.
Dat werkt perfect, nu voeg ik echter een navigatiebalk eraan toe en het logo schuift ineens een stukje naar onderen op. Dit gebeurt alleen in de mozilla browsers. Nu heb ik even gezocht op het forum en het lijkt me dat het met float te maken heeft. Maar ik heb al float: none gebruikt en float: clear. Maar dat mag niets baten, heb de volgorde van de divs opgeschoven maar dat werkte ook niet. Misschien dat iemand me er mee kan helpen ?
css
#nav {
position: absolute;
width: 200px;
height: 20px;
top: 0px;
left: 0px;
background-color: #FF0000;
float: clear;
}
#nav1 {
position: absolute;
width: 200px;
height: 20px;
top: 0px;
left: 0px;
background-color: #FF0000;
float: clear;
}#nav2 {
position: absolute;
width: 200px;
height: 20px;
top: 20px;
left: 0px;
background-color: #FF0000;
float: clear;
}#nav3 {
position: absolute;
width: 200px;
height: 20px;
top: 40px;
left: 0px;
background-color: #FF0000;
float: clear;
}
#logo {
position: absolute;
bottom: 0px;
left: 0px;
width: 200px;
height: 20px;
}
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="probeer.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="nav">wef</div>
<div id="nav1">wef</div>
<div id="nav2">wef</div>
<div id="nav3">wef</div>
<div id="logo">[img]"bn_logo.gif"</div> </body> </html[/img]
Ik heb zelf al gezien dat het probleem zich alleen voor doet als ik een plaatje gebruik. Dus als ik in div logo het plaatje vervang door een text dan gaat het wel goed.
[ Voor 53% gewijzigd door Verwijderd op 04-02-2004 11:11 ]
:strip_exif()/u/3140/106386.gif?f=community)
:strip_exif()/u/22479/169-back.gif?f=community)
:strip_exif()/u/50656/andre-scholten-avatar.gif?f=community){kind=avatar}
/u/34048/crop671ffd4cceb26_cropped.png?f=community)
:strip_exif()/u/25264/momentum.gif?f=community)