5 svar · 655 visningar · startad av Pedda
Jag har två divvar placerade bredvid varandra.
I Firefox (Bild 1) ligger dom rätt, men i IE så blir det ett stort utrymme mellan dom.
Antar att det har med margin-left:210px på main divven som gör det.
I min css:
(leftbox är den vänstra divven med en treemenu och main är divven till höger)
#leftbox {
width:200px;
background-color:#F2F5F7;
margin:0;
float:left;
padding:5px;
}
#main
{
margin:0;
margin-left:210px;
padding:10px;
position:absolute;
float:left;
}
Hur gör jag för att det ska se bra ut i både Firefox och IE?
Och så lite bilder:
Varför har du position: absolute på den högre diven? Och precis som du skriver så behöver du inte använda margin-left på #main.
Ett tips är att lägga
* {
margin: 0px;
padding: 0px;
}
i css filen så behöver du inte sätta margin: 0px; i divvarna, då * {} påverkar alla element.
okej, ganska sent och ganska dragen men hoppas det hjälper något
Det beror på IE's "double margin bug", om du sätter display:inline; på #main så löser det sig.
display:inline; gjorde susen.
Tack för tipset.
Upptäckte nu att om innehållet i main är så brett så det skulle behövas en horisontell scroll så hamnar den istället under den andra diven.
Jag måste ha dom bredvid varandra i alla lägen.
Hade visst även tagit bort position:absolute;
Funkade som det skulle när jag skrev dit det igen.
