Avatar billede Bjarne Novice
01. maj 2006 - 18:37 Der er 6 kommentarer og
1 løsning

Forskellig fortolkning af height: 100%; i FF og IE

Hej

Jeg har et problem med Firefox's og Internet Explorers fortolkning af height: 100%;. Internet Explorer tolker 100% som alt incl. eventuel scroll (dvs. er siden længere end browservinduet så tælles overskydende også med i de 100 %). Det gør det derimod ikke i Firefox, hvor de 100 % kun er browservinduet eksl. overskydende.

Det er lidt svært at forklare, så jeg tror jeg kan illuserere det med dette eksempel:

http://bjarne-j.dk/test.html (Kræver naturligvis at du kan afprøve i både IE og FF :o)

Hvordan får jeg Firefox til at fortolke height: 100% på samme måde som Internet Explorer gør det?
Avatar billede apo Praktikant
01. maj 2006 - 18:50 #1
Erstat din nuværende DOCTYPE med denne:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Indsæt dernæst følgende mellem <head> og </head>:

<style type="text/css">
body,html {margin:0; height:100%;}
</style>

(eller læg det i et eksternt stylesheet)

Så skulle det fungere :-)
Avatar billede Bjarne Novice
01. maj 2006 - 19:06 #2
Jeg forestiller mig, at jeg har gjort som du foreskriver :o)

Men det virker desværre ikke (har uploadet dokumentet med ændringer)
Avatar billede apo Praktikant
01. maj 2006 - 19:22 #3
Dette virker hvis jeg har forstået dig korrekt; at dit eksempel skal se ud i FF, som det gør i IE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css">
body,html {margin:0; padding:0; height:100%;}
</style>
</head>
<body>

<div style="background-color:green; width:200px; color:gray;">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Proin urna justo, consectetuer nec, aliquam vitae, viverra eget, augue. Sed aliquet enim. Vivamus rutrum,
neque sed sagittis ultrices, purus velit imperdiet neque, non rutrum lorem nisi sed odio. Vivamus sed quam vitae sem
rhoncus dignissim. Nullam commodo urna a est. Morbi bibendum diam nec erat. Nulla gravida odio sed est malesuada tempus.
Aliquam id nibh quis est ultricies faucibus. Suspendisse auctor. Aliquam sit amet ante ut orci mattis fringilla. Donec
posuere odio sed libero. Donec ultrices facilisis nisi. Curabitur suscipit, urna in consectetuer lacinia, ipsum mi
hendrerit velit, id tincidunt enim nulla sit amet dui. Phasellus hendrerit viverra eros. Mauris quis dui. Vestibulum ante
ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam placerat leo at felis. Vestibulum ante ipsum
primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque euismod elit nec nunc. Nulla sagittis enim ac
tellus. Nulla massa leo, ultricies non, varius vel, sagittis eu, odio. Fusce condimentum mauris. Nulla consectetuer nibh
tristique ante. Etiam sed mi id elit lobortis ultrices. Sed quis eros non tortor placerat faucibus. Etiam eget dolor.
Mauris dignissim sapien eget mauris. Curabitur risus. In at tellus vel neque consectetuer ultrices. Aliquam et dui nec
nulla venenatis venenatis. Nam pretium. Cras eu metus. Nulla sem sapien, dapibus in, pharetra vitae, hendrerit lacinia,
nisl. In suscipit vehicula risus. Praesent vel enim.</div>

</body>
</html>
Avatar billede apo Praktikant
01. maj 2006 - 19:37 #4
Sig til hvis jeg har misforstået dig :-)
Avatar billede Bjarne Novice
02. maj 2006 - 12:11 #5
Det virker næsten.. Men jeg vil gerne have det til at fylde 100 % uanset om der er tekst til det, eller ej.

har uploadet et eksempel
Avatar billede Bjarne Novice
11. maj 2006 - 23:01 #6
nå øv...
Avatar billede roenving Novice
15. maj 2006 - 00:51 #7
-- men vi andre vil gerne takke apo for indsatsen !-)
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