![[RSS]](http://tweakimg.net/g/if/v2/icons/rss_small.png){kind=icon}
![[quick]](http://tweakimg.net/g/if/icons/world_link.png){kind=icon}
Door: 
Ik ben bezig aan een nieuwe site en op aanraden van een aantal personen heb ik mijn menu in een list gegoten wat wel voor een paar grote problemen zorgt. Ik heb het duidelijk gemaakt aan de hand van plaatjes.
Zo ziet het er uit in firefox, en zo moet het er ook uitzien.
Dit krijg ik in Internet Explorer:
Een groot verschil dus.
Hiermee zijn jullie weinig dus hier is de code
html:
code:
css:
code:
Ik heb al wat geprobeerd. Hiervoor was mijn resultaat namelijk nog slechter. Ik heb ook geprobeerd die > weg te laten bij de #menu css maar dan zijn men content boxes leeg dan krijg ik dit in firefox
en dit in IE
Hoe kan ik dit oplossen want ik geraakt er echt niet uit.
Zo ziet het er uit in firefox, en zo moet het er ook uitzien.
Dit krijg ik in Internet Explorer:
Een groot verschil dus.
Hiermee zijn jullie weinig dus hier is de code
html:
code:
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
| <div id="menu">
<div class="title nastyOrangeTitle">
Informatie
</div>
<div class="content nastyOrange">
<ul>
<li class="menu">Geplaatst door: <a href="profile.php?id=1" class="black">Gert-Jan</a></li>
<li class="menu">Timestamp: 09.12.05 18:40</li>
<li class="menu">Categorie: <a href="blog.php?cat=5" class="beige2orange">Mircosoft</a></li>
<li class="menu">Dossier: <a href="blog.php?file=3" class="beige2orange">Internet Explorer 7</a></li>
</ul>
</div>
<br>
<div class="title greyTitle">
Recente blogs
</div>
<div class="content grey">
<ul>
<li>» <a href="index.php?id=7" title="09.12.05 18:40 - Internet Explorer 7 gaat RSS-icoon Firefox gebruiken" class="beige2orange">Internet Explorer 7 gaat..</a></li>
<li>» <a href="index.php?id=6" title="02.03.06 18:44 - Microsoft geeft ontwikkelaars vooruitblik op Direct3D 10" class="beige2orange">Microsoft geeft ontwikke..</a></li>
<li>» <a href="index.php?id=5" title="25.12.05 18:36 - Microsoft haalt graphics uit Windows-kernel" class="beige2orange">Microsoft haalt graphics..</a></li>
<li>» <a href="index.php?id=4" title="20.12.05 05:15 - Wellicht volgend jaar draadloze iPod" class="beige2orange">Wellicht volgend jaar dr..</a></li>
<li>» <a href="index.php?id=3" title="15.12.05 16:55 - Bčta Exchange 12 voegt 'Unified Messaging' toe" class="beige2orange">Bčta Exchange 12 voegt '..</a></li>
<li>» <a href="index.php?id=2" title="15.12.05 14:08 - 'Slechte omstandigheden bij leveranciers Acer en Fujitsu'" class="beige2orange">'Slechte omstandigheden ..</a></li>
<li>» <a href="index.php?id=1" title="15.12.05 14:08 - Europarlement gaat akkoord met bewaarplicht" class="beige2orange">Europarlement gaat akkoo..</a></li>
</ul>
</div>
<br>
</div> |
css:
code:
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
| #menu > div > ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu > div > li { float: left; }
}
#menu {
top: 130px;
left: 30px;
position: absolute;
z-index: 200;
width: 180px;
height: 100%;
text-align: center;
}
#menu div.title {
width: 100%;
border: 1px solid;
padding: 2px 5px 2px 5px;
font-weight: bold;
text-align: left;
}
#menu div.content {
width: 100%;
border-style: solid;
border-width: 0px 1px 1px 1px;
padding: 2px 5px 2px 5px;
font-weight: normal;
text-align: left;
color: #837759;
} |
Ik heb al wat geprobeerd. Hiervoor was mijn resultaat namelijk nog slechter. Ik heb ook geprobeerd die > weg te laten bij de #menu css maar dan zijn men content boxes leeg dan krijg ik dit in firefox
en dit in IE
Hoe kan ik dit oplossen want ik geraakt er echt niet uit.
Door: 
