I inspiro Medlem sedan sep. 2005 673 inlägg Frågan 2 okt. 2007 13:39 #1 Jag har en liten webb med några "behållare" bestående av divar i två kolumner. För att få en liten rundning längst ned har jag gjort så här:
<div style="width:100%">text...</div>
<div style="width:100%; height:1px; margin:0 1px 0 1px; padding:0"></div>
Det fungerar som det är tänkt tills dess att jag laddar om en sida i en annan flik i webbläsaren (IE7). Då plötsligt får jag ett mellanrum på några pixlar i ovankant på den här diven, se bild. Någon som har en idé varför? Laddar jag om sidan blir det bra igen.
Finns det någon bättre enkel lösning att göra samma sak?
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Vad har du för doctype? (Det verkar som du är i quirks mode.)
Ser det rätt ut i andra webbläsare?
H her0n Medlem sedan feb. 2002 30 inlägg <div>text...</div>
<div style="line-height: 1px; height:1px; margin:0 1px 0 1px; padding:0"></div>
I inspiro Medlem sedan sep. 2005 673 inlägg Jag använder <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd ">. Vilken doctype ska man ha egentligen?
Spelar ingen roll om jag sätter padding och line-height... Allt ser bra ut så länge jag inte gör något i en annan tabb i samma webbläsarfönster...
I inspiro Medlem sedan sep. 2005 673 inlägg Hade ett annat problem som jag löste och så blev detta problem också löst. Jag satte font-size:0px på klassen för diven och nu fungerar det! :)
