Notifikationer

Markér alle som læst Log ud

doodoo Novice

06. juli 2004 - 13:27 Der er 13 kommentarer og
1 løsning

Height på 100procent

Så er jeg godt pisse træt af den måde jeg laver min CSS på... hehe

Jeg skal have en bg z-index: 1 der er heght: 100%

siden er er: www.doodoo.d//bug/index2.php
... se kilden under id #main.... den skal være 698px width og height 100%

nogle der liiiige gider forklare mig hvorfor det ikke virker + jeg skal forstå det så jeg ikk behøver spørge mere hehe..

på forhånd tak

Synes godt om

roenving Novice

06. juli 2004 - 14:44 #1

En tavetosse i linket: http://www.doodoo.dk/bug/index2.php

His du skal give et element en 100% højde skal de 100% have noget at måle på, derfor først en god all-purpose start på en css-fil:

html,body{height:100%;margin:0px;border:0px;padding:0px;}

-- Desuden ville jeg så gøre sådan:

#main {
position: absolute;
top: 0px;
left: 20px;
width: 698px;
height: 100%;
background-color: #383838;
z-index: 1;
}

#main img {
height: 100%;
width: 100%;
}

<div id="main">
<img src="gfx/top/bug.jpg" alt="[greetings stranger]" />
</div>

Se mere her: http://blooberry.com/indexdot/css/propindex/dimension.htm ...

Synes godt om

skovenborg Nybegynder

06. juli 2004 - 14:57 #2

roenving >> Angående din all-purpose start (en rigtig god en endda) så kunne jeg ikke lade være med at lægge mærke til border:0px hvilket jeg spekulerer lidt over hvorfor den skulle være nødvendig (mindes i hvert fald ikke at det kunne være et problem)

Synes godt om

roenving Novice

06. juli 2004 - 15:03 #3

Den har faktisk en funktion i enkelte tilfælde,

Såvidt jeg husker var det et tilfælde, hvor et 100% element ligger i et element med en border ...

Af en eller anden grund finder visse browsere på at give det omkransende element en afstand til borderen ...

-- eller i hvert fald var den sidste pixel for oven og neden væk med den metode, og da den ellers er gratis !-)

Synes godt om

doodoo Novice

06. juli 2004 - 17:18 #4

ja det virker, næsten da...

1 ting er - hvorfor lige have den main img? den gør bare billedet mega jo...

noget andet så se siden igen... www.doodoo.dk/bug/index2.php
stadig et mindre problem nederst

Synes godt om

roenving Novice

06. juli 2004 - 17:22 #5

Den er med, fordi jeg havde forstået, at du ville have baggrunden i 100% højde ...

Hvad for et problem ?-)

Synes godt om

doodoo Novice

06. juli 2004 - 17:35 #6

du kan se ... #main har en baggrundsfarve... #383838
Det er en box for sig selv bag det hele...
Der er en baggrund + den grå "box" hvor indholdet er i... den grå box skal gå fra top til bund...altså 100%

Synes godt om

roenving Novice

06. juli 2004 - 17:44 #7

Men når du sætter padding på bliver boksen jo højere !o]

En højde (eller bredde for den sags !-) skyld beregnes sådan, når du bruger dtd'en:

margin-top + border-top-width + padding-top + element height + padding-bottom + border-bottom-width + margin-bottom

Måske kan du sætte margin på billedet i stedet ?-)

Synes godt om

doodoo Novice

06. juli 2004 - 18:27 #8

meget underligt...
har fjernet padding helt men det virker sq ikk... pisser mig lidt af ;)

Synes godt om

roenving Novice

06. juli 2004 - 18:47 #9

Hvordan skal det være anderledes ?-)

Nu går boksen jo præcis fra top til bund !-)

Synes godt om

doodoo Novice

06. juli 2004 - 18:50 #10

ok har fundet ud af:
når jeg laver den er den fin nok... så snart der kommer så meget indhold jeg skal scrolle går det galt... bg farven følger ikk med

Synes godt om

doodoo Novice

06. juli 2004 - 18:51 #11

og folk med en stor nok opløsning (nok dig også) ser den som ok... se siden med 1024/764

Synes godt om

roenving Novice

06. juli 2004 - 19:00 #12

Så må du regulere højden med javascript onload !-)

<body onload="document.getElementById('main').style.height=document.body.offsetHeight+'px';">

Synes godt om

doodoo Novice

06. juli 2004 - 19:01 #13

hehe virker heller ikk men det kan sq ikk passe...

Jeg lukker bare så skriver jeg koden om :S

Synes godt om

doodoo Novice

06. juli 2004 - 20:49 #14

åbner igen hvis i har svar før mig selv...

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