7 svar · 644 visningar · startad av celia
Jag har byggt en sida, se bild. Den fungerar bra i IE7 och FF men i IE6 blir det som andra bilden visar dvs den gulmarkerade diven flyttar på sig. Bredden på alla divar stämmer och border, margin och padding är satta till 0. Nån som vet vad som kan vara fel?
Vad händer om du minskar bredden på diven till vänster?
Ingenting. Däremot hjälper det om man stänger den yttersta div-en :r Iofs flyttade sig nedersta diven åt höger men det avhjälptes med clear.
Fast jag har ett annat problem också, med både IE6 och IE7. Det blir ett jättestort mellanrum mellan rubriken och listan. Varför? Diven är 115px bred. Minus-margin känns inte riktigt som den bästa lösningen...
<h3>Rubrik</h3>
<ul>
<li>ett</li>
<li>två</li>
<li>tre</li>
</ul>
h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
margin-left: 10px;
padding: 1px;
border-top: 1px solid #26537C;
border-bottom: 1px solid #26537C;
font-weight: bold;
width: 103px;
text-align: right;
height: 15px;
}
ul {
margin: 0;
padding: 0;
border: 0;
}
li {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
margin: 0 0 0 10px;
padding: 0;
border: 0;
list-style: none;
width: 105px;
}
Du har ju inte satt någon margin-bottom på h3. Då är den fortfarande default, vilket är olika i olika webbläsare. Ta bort height och ersätt med margin i stället.
Default, ja det är klart, tack!
Ropade hej för tidigt, div-placeringen fungerar inte alls i IE6, i alla fall inte på jobbet... Kanske ska kolla default där med, återkommer :)
Fixat default (y)
I den största (inte yttersta) diven har jag auto-scroll. Räknas den bredden med i div-bredden eller lägger den sig "utanpå"?
Jag antar att du använder overflow:auto och en fast höjd för att få fram scrollen. Scrollen hamnar i elementet och inte utanför, vilket innebär att elementet blir ca -16px i width.