Toon posts:

[CSS] IE55 geeft onverwachtse padding op UL/LI

Pagina: 1
Acties:

zaterdag 23 april 2005 12:58

Acties:

Verwijderd

Topicstarter
Hi,
Ik zit met het volgende probleem. Ik heb een ul waar ik een style aangeef. Alles werkt prima in FF en IE 6. Echter in IE5.5 geeft ie een padding/margin welke ik niet verwacht en ook niet wenselijk is.
Ik heb even een voorbeeldje gemaakt...

te zien op --> http://vno.webaddict.nl/ultest.htm

Ik heb overal voor de zekerheid de margin en padding op 0 gezet, maar het helpt niets....
Enig idee hoe dit doormiddel van css is op te lossen, evt door ie55 hacks?

thnx!

zaterdag 23 april 2005 13:20

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:50

crisp

Devver

Pixelated

Dat probleem had ik ook met het menu hier op GoT. Ik heb dat opgelost door de li's te floaten.

Intentionally left blank

zaterdag 23 april 2005 13:50

Acties:

Verwijderd

Topicstarter
en bedankt Crisp voor deze tip!
Het ziet er uit dat het gaat werken... nog even met wat marges e.d. spelen, maar het gaat helemaal goed komen... thnx!

zaterdag 23 april 2005 13:51

Acties:

Verwijderd

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

<!-- quirks voor IE6 -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Test</title>
<style type="text/css">
ul{
 margin:0;
 padding:0;
 list-style:none;
 width:120px;
 background:#9c9;
}
ul li{
 margin:0;
 padding:0;
 _display:inline;
}
ul a{
 margin:0 0 5px 0;
 border:1px solid #000;
 display:block;
 line-height:24px;
 background:#39c;
 _width:120px;
}
ul a:hover{
 background:#63f;
}   
</style>
<ul>
 <li><a href="#">item 1</a>
 <li><a href="#">item 2</a>
 <li><a href="#">item 3</a>
 <li><a href="#">item 4</a>
</ul>
Zou ook kunnen... ('display:inline' voor IE.)
Reageer