Notifikationer

Markér alle som læst Log ud

mrbonus Novice

01. november 2007 - 13:24 Der er 15 kommentarer og
2 løsninger

Hvordan sætter man noget til height 100%

Jeg har ikke noget problem med at sætte width til 100%, men jeg har altid undret mig over hvorfor det ikke virker i height, det burde da være på samme måde, altså
height:100%;
Men det får ikke tingenetil at fylde hele højden i exploreren, har testet i både firefox og IE, hvor hvis jeg sætter
width:100%;
Så fylder det hele bredden i både Firefox og IE.

Synes godt om

w13 Novice

01. november 2007 - 13:28 #1

Prøv også at sætte height 100% på body-elementet. Mener det gør tricket.

Synes godt om

mrbonus Novice

01. november 2007 - 13:32 #2

har prøvet sådan her, det virker ikke, rammen går ikke helt ned
<body style="width:100%; height:100%; border:solid 3px #000000;">

Synes godt om

mrbonus Novice

01. november 2007 - 13:34 #3

Hmmm, hvis jeg prøver i en helt simpel side, uden noget andet end et body tag, ser det fint ud, kigger lige lidt ned i hvd det er der dræber den

Synes godt om

w13 Novice

01. november 2007 - 13:35 #4

Prøvet med margin?

<body style="width:100%;height:100%;border:30x solid #000000;margin:0">

Synes godt om

mrbonus Novice

01. november 2007 - 13:52 #5

Det har jeg lige prøvet, jeg kan se at hvis jeg sætter doctype på, er det at den fjerner height 100%

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body style="width:100%; height:100%; border:solid 3px #000000;margin:0px;">
</body>
</html>

dette gør at højden ikke er 100%, det er sq da mystiskt, er det smart at fjerne doctypen?

Synes godt om

fennec Nybegynder

01. november 2007 - 14:26 #6

Lad være med at bruge XHTML.

1: Antallet af personer som kan kode det rigtigt er absolut på et minimum, hvilket er ensbetydende med at næsten alle tut er fulde af fejl.
2: Understøttelsen i browsererne er dårligere end fløde, som har stået en uge på en varm radiator.

Hvis du er så heldig at OleBole kommer forbi, kan han forklare det meget bedre. Han er også en af de få som kan kode XHTML rigtigt.

Brug i stedet ganske almindelig HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body style="width:100%; height:100%; border:solid 3px #000000;margin:0px;">
</body>
</html>

Synes godt om

fennec Nybegynder

01. november 2007 - 14:28 #7

XHTML er intet andet end et buzzword. Til kodning er det eneste rigtige HTML eller XML.

Synes godt om

mrbonus Novice

01. november 2007 - 15:07 #8

Lyder fornuftigt, har heller aldrig gidet/haft tid til egentlig at stikke snuden i xhtml, det var bare det default doctype som VS.NET satte på for mig.

hvis i smider et svar begge to kan får i point, tak for hjælpen

Synes godt om

olebole Juniormester

01. november 2007 - 15:10 #9

<ole>

Med den viste 4.01-Trans-DTD disabler man nu store og yderst vigtige områder af CSS i IE6. Brug denne i stedet, så er du godt i gang:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

/mvh
</bole>

Synes godt om

olebole Juniormester

01. november 2007 - 15:12 #10

- men når CSS overholdes får du jo problemer med et element, der får 100% højde og bredde - samtidig med en border på 3px. Det bliver jo 100% plus 3px ... hvilket betyder scrollbars ;o)

Synes godt om

mrbonus Novice

01. november 2007 - 15:17 #11

Hehe, fik ikke lige sagt at border 3px, bare var til at teste hvor området af min body befandt sig henne, den kommer ikke på i den rigtige version.
Jeg vil prøve den du siger så olebole.
i smider bare et svar alle tre, tak for hjælpen.

Synes godt om

fennec Nybegynder

01. november 2007 - 15:23 #12

.o) <-- One Eyed Jack

Synes godt om

w13 Novice

01. november 2007 - 16:31 #13

Svar. =)

Synes godt om

roenving Novice

01. november 2007 - 16:53 #14

Husk også height på html-elementet, der er dokument-elementet, hvis browseren (tvinges til ?-) overholder css-standarden, så:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>100% højde dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#minDiv{height:100%;width:600px;margin:0 auto;background:#2367bc;color:white;text-align:center;}
</style>
</head>
<body>
<div id="minDiv">En div-tekst</div>
</body>
</html>

Synes godt om

mrbonus Novice

01. november 2007 - 17:13 #15

roensving> ja det plejer jeg at gøre også med width, så det har jeg styr på, manglede bare at forstå at det var doctypen der ødelagde det for mig at det virkede med height også

Synes godt om

roenving Novice

01. november 2007 - 17:30 #16

Width på html-, body- og div-elementer ?-)

Synes godt om

mrbonus Novice

06. november 2007 - 08:20 #17

OleBole, går ikke ud fra at du vil have point så, da der nu er gået 5 dage, så de bliver delt ud til de 2 andre.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS