webForumDet fria alternativet

fixed-height tar bort min top-margin i IE

1 svar · 271 visningar · startad av Tinwëlint

TinwëlintMedlem sedan maj 2004451 inlägg
#1

Jag har en <ul> som ligger inuti en <div>. Jag vill sätta en bestämd höjd på min ul. Såhär:

css:

div {
margin: 0;
padding: 0;
width: 199px;
float: left;
}

ul {
height: 350px;
display: block;
margin: 35px 25px 0px 40px;
height: 350px;
color: #123;
padding: 0px;
list-style:none;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 0.85em;
}

html:

<div>
<ul>
<li></li>
</ul>
</div>

Men i IE tas min topmargin bort när jag sätter en bestämd höjd på ul:en. Om jag inte har det fungerar den som den ska men inte när jag sätter höjden till 350px. Kan tillägga att IE körs i standards-mode (borde göra i alla fall). Nån som har varit med om det här problemet förut?

r/ förresten så fick jag för mig att det kunde ha något att göra med display så jag provade att köra display: block vilket givetvis inte gjorde någon skillnad eftersom det ändå väl är vad ul ska vara i vanliga fall.

TinwëlintMedlem sedan maj 2004451 inlägg
#2

Hittade visst information om den här buggen när jag sökte lite på google.

här
http://www.datagnostics.com/design/issues/IEmargins1.html

Nu ville inte jag lägga en höjd på mitt yttre element (<div>en) som det föreslås på den där sidan men det funkade med en padding på den istället för en margin på det inre (<ul>en).

129 ms totalt · 3 externa anrop · v20260731065814-full.86db40fa
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)