Avatar billede systemx Nybegynder
03. marts 2006 - 09:13 Der er 5 kommentarer og
1 løsning

ie kontra ff problem igen (id)

hvordan kan følgende kode blive vist forskelligt i FF og IE:

HTML:
<div id="menutopseparator"></div>

CSS:
#menutopseparator {
background-color: #ffffff;
height:    1px;
width: 774px;
}


Tjek det evt ud her det er den øverste hvide bjælke:

http://www.systemx.dk/supportcentret/
Avatar billede notes2c Nybegynder
03. marts 2006 - 09:50 #1
IE er mærkelig nogle gange. For IE tror din div fylder noget selvom den er tom, så en workaround kunne være at sætte font-size til 0.

#menutopseparator {
background-color: #ffffff;
height:    1px;
width: 774px;
font-size: 0;
}
Avatar billede systemx Nybegynder
03. marts 2006 - 10:04 #2
okay.. men der er stadig en 2 px hvid kant.. den må kun være 1 det er vigtigt
Avatar billede systemx Nybegynder
03. marts 2006 - 10:10 #3
har fået det lavet.. for at ie kunne fatte det skulle jeg bare sætte en 1x1 hvidt billede ind
Avatar billede notes2c Nybegynder
03. marts 2006 - 10:15 #4
Fint. Men hvorfor bruger du ikke bare et <hr> tag til at lave seperationen med
Avatar billede milandt Nybegynder
03. marts 2006 - 12:07 #5
em hr kan være endnu sværere at få til at være 1px høj i alle browsere
Avatar billede notes2c Nybegynder
03. marts 2006 - 12:31 #6
Uhm... Synes da det burde være lige til....


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
#main {
background: blue;
width: 100%;
}
hr#sep {
background: #FFF;
color: #FFF;
border: 0;
height: 1px;
}
</style>
</head>

<body>
<div id="main">
<div id="top">top</div>
<hr id="sep">
<div id="content">content</div>
</div>


</body>
</html>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester