Even een schopje. Ik ben er achter wat nou die gekke layout in FF veroorzaakte. Het gebeurt als ik de content div een overflow wil meegeven.
Of ik dit nu doe dmv auto of scroll maakt niet uit. Hij maakt er gewoon een zootje van. Ik heb het even online gezet om er zeker van te zijn dat het niet aan mijn pc/software ligt:
http://www.timlogtenberg.nl/tmp/main.php?pagina=wallies
Het blijkt overigens een bekende bug te zijn zie ik nu op google. Ik kan zelf niets vinden om het te verhelpen.
Voor de zekerheid ook nog maar even mijn hele lap code:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>www.TimLogtenberg.nl</title>
<?php
$style = $_GET['style'];
switch($style)
{
case ('personal'): echo '<link href="personal.css" rel="stylesheet" type="text/css">';
break;
case ('none'):;
break;
default: echo '<link href="tim.css" rel="stylesheet" type="text/css">';
}
?>
<body>
<div id="main">
<div id="header"><p>Blabla</p></div>
<div id="container">
<div id="navcontainer">
<ul class="navlist">
<li><a href="main.php?pagina=wie">Wie</a></li>
<li><a href="main.php?pagina=wat">Wat</a></li>
<li id="active"><a href="main.php?pagina=art">Art</a>
<ul id="subnavlist">
<li><a href="main.php?pagina=wallies">Wallpapers</a></li>
<li><a href="#">Spelletjes</a></li>
<li><a href="main.php?pagina=frutsels">misc</a></li>
</ul>
</li>
</ul>
</div>
<div id="rightmenu">
<ul class="navlist">
<li><a href=#>Persoonlijk</a></li>
<li><a href=#>Standaard</a></li>
<li><a href=#>Geen</a></li>
</ul>
</div>
<div id="content">
<?
$pagina = $_GET['pagina']; //de naam van de pagina ophalen
//de goede pagina ervoor halen
switch($pagina)
{
//stel het is wie, dan voegen we de pagina wie.html toe
case 'wie': include('wie.html');
break;
case 'wat': include('wat.html');
break;
case 'art': include('art.html');
break;
case 'wallies': include ('wallies.html');
break;
case 'frutsels': include ('frutsels.html');
break;
//als er niets is opgegeven gebruik je de hoofdpagina
default:
include('main.html');
}
?>
</div>
</div>
<div id="footer">
Blabla</div>
</div>
</body>
</html> |
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| /* CSS Document */
div#main
{
margin: auto;
width: 800px;
border: 1px solid #333333;
}
div#header
{
border: 1px solid #333333;
height: 150px;
}
div#container
{
}
div#footer
{
border: 1px solid #333333;
}
div#navcontainer
{
border: 1px solid #333333;
float: left;
width: 150px;
margin: 0px;
padding: 0px;
}
div#rightmenu
{
border: 1px solid #333333;
float: right;
width: 150px;
}
div#content
{
border: 1px solid #990000;
margin-left: 150px;
margin-right: 150px;
max-height: 500px;
overflow: auto;
}
#active:hover li { display: block; }
#active li { display: none; }
.navlist
{
list-style-type: none;
margin: 0px;
padding: 0px;
} |
Overigens lijnt IE alles ook niet goed uit. Zo is bijvoorbeeld de <h1> niet netjes tegen de lijn aan en de boven en onderkant van de content div staan ook niet helemaal tof. Maar hier ben ik nog mee aan het puzzelen.
[
Voor 20% gewijzigd door
Pkunk op 25-05-2006 17:07
]
:strip_icc():strip_exif()/u/100070/crop5d011fa0d05d4_cropped.jpeg?f=community)
:strip_exif()/u/105445/zidane2.gif?f=community)
/u/14091/icon.png?f=community){kind=icon}
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
/u/129382/crop5f6f24af0ae5d.png?f=community)