CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

venchil Nybegynder

12. oktober 2006 - 00:57 Der er 6 kommentarer

100% højde uden scrollbar

Hej eksperter!
Jeg er ved at designe et layout, men der er lige en ting, som jeg ikke kan huske, hvordan man gør.

<div style="width:100%;height:10em;background-color:#000000;">
Hej med dig
</div>

<div style="width:100%;height:100%;background-color:#CCCCCC;">
Denne div skulle gerne fylde hele skærmen, men der skulle helst ikke være nogen scrollbars. Det er jo lidt svært, eftersom de 10em er der...
</div>

Svaret skal helst sætte XHTML strict validering og overskuelighed i højsædet.

På forhånd tak.

Synes godt om

venchil Nybegynder

12. oktober 2006 - 01:13 #1

Og: mit eksempel er ret simpelt... I virkeligheden har jeg et ret avanceret layout, som jeg ikke lige vil poste her nu.

Synes godt om

hoeks Nybegynder

12. oktober 2006 - 09:41 #2

Ikke sikker på, at jeg forstår hvorfor du vil pointere, at dit normale layout er meget mere avanceret... Tillykke med det ? ;P

Anyways, den skulle gerne fylde det hele hvis du tilføjer:

body { height: 100%; }

Synes godt om

roenving Novice

14. oktober 2006 - 17:34 #3

Der findes ikke i css mulighed for at sætte en længde (højde, bredde), som er 100% - en fast længde !-)

Synes godt om

venchil Nybegynder

14. oktober 2006 - 19:28 #4

Findes der så en anden løsning, roenving?

Synes godt om

venchil Nybegynder

14. oktober 2006 - 19:42 #5

http://madskjaer.dk/photoblog/index.html

Det er min test-side... Jeg vil som sagt gerne opnå den effekt, at det hvide (og skyggen i siderne) altid rører bunden af siden. Dog vil jeg ikke have nogle scrollbars, når indholdet ikke er større end vinduet selv. - hvis i forstår hvad jeg mener?

Synes godt om

roenving Novice

15. oktober 2006 - 11:18 #6

Så skal du ind og bruge javascript (aflæse vindueshøjden, teste at siden ikke selv er højere og så sætte højden præcist i pixels !-)

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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