background i IE

Tags:    html css

Hey guys

Kender I det, når et design virker i én browser, men ikke i en anden?

Jeg har en div med et baggrundsbillede. Dette baggrundsbillede skal gå fra toppen til bunden af siden, så man ikke kan se noget andet.
Men i IE syntes den, den skal sætte en margin på toppen. Hvorfor da?!

http://pdag.frac.dk/layout.html

På forhånd tak :|



4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Hmm, jeg syntes at din css fil ser lidt underlig ud...
hvad gøre de der * foran height?
prøv istedet:
[code="CSS"]
body {
background:#660000;
height:100%;
font:15px "Trebuchet MS", Sans-serif;
}
div.container {
position:absolute;
left:300px;
height: 100%;
}
[/code]

Og prøv så også at sætte det sidste div tag ind til sidst, så:
[code="HTML"]
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>
...
</title>
</head>
<body>
<div class="container">
<div class="tekstBoks">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent adipiscing ultricies magna. Aenean lacus sem, posuere vel, sodales id, suscipit ut, lorem. Sed dui. Aenean felis. Praesent sit amet lacus. Fusce quis neque nec ipsum euismod ornare. Sed nisi. Morbi sagittis. Duis ligula. Cras vitae mi. Cras aliquet. Sed porta felis id est. Curabitur sollicitudin tortor quis turpis. Donec consequat mauris eu pede semper lacinia.

Aenean rutrum enim euismod sapien. Nulla sit amet magna. In arcu eros, luctus sit amet, condimentum sit amet, tincidunt et, magna. Aenean eu dolor. Aliquam erat volutpat. Suspendisse potenti. Etiam eu libero eget nibh rhoncus ultricies. Nulla vel eros ac metus fringilla vehicula. Phasellus diam tortor, imperdiet euismod, iaculis a, lobortis eu, sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum eleifend. Nulla facilisi. Mauris sit amet magna at metus pretium lacinia. Vestibulum non turpis sed orci luctus pharetra.

Integer scelerisque risus eu magna.<br><br> Morbi diam. Nulla id arcu. Ut fringilla, justo in vestibulum tristique, lectus pede tempus metus, id eleifend massa neque vel risus. Cras et leo vitae erat ullamcorper luctus. Duis ornare. Praesent sollicitudin fringilla pede. Etiam nonummy rutrum nunc. Donec elementum orci scelerisque leo. Fusce facilisis eros quis mauris. Vivamus et metus nec odio fermentum luctus. Integer euismod enim ut lorem. Donec nulla. Aliquam metus. Aenean viverra vestibulum dolor. Curabitur tincidunt pede a velit. Nulla suscipit dolor sed turpis. Praesent tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Praesent malesuada molestie orci. Morbi quam eros, cursus fringilla, bibendum a, tincidunt nec, orci. Praesent porttitor mi vel mauris. Nunc semper sapien et urna. Aenean blandit lorem. Cras orci. Duis feugiat odio eu nulla. Donec diam orci, molestie quis, bibendum eget, aliquam vitae, magna. Etiam pede magna, viverra vel, ullamcorper non, lacinia in, purus. Mauris ornare mauris a quam. Maecenas aliquam. Praesent dapibus sem id pede. Pellentesque at ligula sit amet eros tincidunt auctor. Aliquam sagittis elit vitae dolor.

Curabitur ac urna a ligula bibendum adipiscing. In pede eros, fringilla nec, malesuada at, euismod feugiat, ante. Cras magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam egestas auctor ipsum. Aliquam erat volutpat. Nullam venenatis. Mauris tellus. In nec nibh vel arcu congue laoreet. Ut velit. Donec laoreet ipsum a sapien. Nullam semper lorem eu libero. Donec dolor lorem, nonummy sed, adipiscing vitae, accumsan a, eros. In tincidunt elementum odio. Etiam mattis ipsum sed orci.

Ut at nisl. Vestibulum varius ultricies nibh. Etiam gravida eros a nulla. Vivamus viverra diam ac odio. Sed ac nulla quis nibh elementum sagittis. Ut malesuada lacus. Aenean aliquam neque eget orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vel metus. Fusce auctor viverra quam. Mauris nisl pede, nonummy adipiscing, nonummy quis, eleifend ac, quam. Nam nonummy ipsum vel diam. Donec iaculis erat ut diam. Sed dapibus condimentum enim. Nam eros mauris, sollicitudin ac, euismod et, condimentum ac, mi. Maecenas euismod orci sed leo vestibulum vehicula. Mauris fermentum mi. Donec in odio nec eros consequat pretium. Vivamus vitae ante.
</div>
</div>
</body>
</html>
[/code]
Jeg tror det vil virke...



Du bruger ingen doctype, så er der mange ting i CSS der ikke fungerer som de ellers burde ifølge standarderne, specielt i IE. Lur
http://hsivonen.iki.fi/doctype/


Dernæst bør du nok tilføje:
Fold kodeboks ind/udKode 
og tilpasse din kode derefter...

Og endelig har du misforstået * html-bug'en, læs fx den side du selv linker til en gang mere.



Indlæg senest redigeret d. 25.03.2006 01:51 af Bruger #4907
Angående stjernen, så er det en fejl i IE, der gør, at hvor den normalt burde havde sprunget den linie over, så læser den den alligevel. Så det er for at lave css kun til IE.

http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html

Det er nødvendigt for mig at bruge den i width, men ellers var det bare rester af gammel kode, (:

Oh ja, jeg manglede et div. Thanks :)
Det virker dog stadig ikke :(



Hmm
Yeah, tak for doc-type linket, Allan.
Skrev dog koden forfra.
Deler up'ene mellem jer :)



t