[CSS] Div hoogte méér dan 100% browserhoogte - Softwareontwikkeling

donderdag 19 augustus 2004 00:58

Acties:

0 Henk 'm!

Topicstarter

Oke, ik heb een probleem wat niet in 5 woorden samen te vatten is, en derhalve heb ik misschien de search niet volledig gebruikt. Als iemand anders dat wel kan, enlighten me

.

Voici mijn probleem.

Ik heb ingesteld dat de body een height van 100% heeft, en de groene achtergrond ook. Ik wil alleen dat de height 100% is van de hele pagina. Niet van de browser. Hoe zou ik dat moeten doen?

[ Voor 30% gewijzigd door TMC op 19-08-2004 00:59 ]

donderdag 19 augustus 2004 07:59

Acties:

0 Henk 'm!

zubauza

TerryC schreef op 19 augustus 2004 @ 00:58:
Voici mijn probleem.

Ik heb ingesteld dat de body een height van 100% heeft, en de groene achtergrond ook. Ik wil alleen dat de height 100% is van de hele pagina. Niet van de browser. Hoe zou ik dat moeten doen?

erg vaag. je wilt dat de hoogte van de body 100% van de hoogte van de pagina is. de inhoud van je pagina staat binnen de <body> / </body> tags en is dus je body.
een achtergroundkleur stel je in met <body bgcolor="..."> of <body style="background-color: ...">
als je een div precies even groot als de inhoud van de pagina wilt maken, gebruik je een container div. in deze div zet je de inhoud van de pagina. verder is het handig om padding van de body op 0 (<body style="padding: 0;">) te zetten, om ervoor te zorgen dat de div precies even groot is als de hele pagina

<body bgcolor="green"> dus

deviantART gallery

donderdag 19 augustus 2004 08:39

Acties:

0 Henk 'm!

djluc

height=expression(document.availHeight) o.i.d. werkt in ieders geval. Een mooiere oplossing krijg je in de loop van de dag nog wel van Anne of een andere Guru.

donderdag 19 augustus 2004 09:14

Acties:

0 Henk 'm!

André

Analytics dude

code:

<div style="width: 600px; position:relative; margin-top: 0px; margin-bottom: 0px; background-color:#098746;">
  <div align="left" style="position: relative; float:left; width: 303px; top: 10px; left:10px; background-color:#FFFFFF; height: 900px;"></div>
  <div align="left" style="position: relative; float:left; width: 110px; top: 50px; left:47px; background-color:#FFFFFF; height: 271px;"></div>
</div>

[ Voor 16% gewijzigd door André op 19-08-2004 09:15 ]

donderdag 19 augustus 2004 11:26

Acties:

0 Henk 'm!

TMC

Topicstarter

zubauza schreef op 19 augustus 2004 @ 07:59:
[...]

erg vaag. je wilt dat de hoogte van de body 100% van de hoogte van de pagina is. de inhoud van je pagina staat binnen de <body> / </body> tags en is dus je body.
een achtergroundkleur stel je in met <body bgcolor="..."> of <body style="background-color: ...">
als je een div precies even groot als de inhoud van de pagina wilt maken, gebruik je een container div. in deze div zet je de inhoud van de pagina. verder is het handig om padding van de body op 0 (<body style="padding: 0;">) te zetten, om ervoor te zorgen dat de div precies even groot is als de hele pagina

<body bgcolor="green"> dus

Werkte niet echt, helaas.

André schreef op 19 augustus 2004 @ 09:14:
Code

Die wel! Bedankt $_/-\o_$

donderdag 19 augustus 2004 11:58

Acties:

0 Henk 'm!

TMC

Topicstarter

Alhoewel, ik wil eigenlijk absolute positionering gaan gebruiken, en dat is niet het geval met de laatste oplossing. Heeft iemand anders nog een andere idee?

Bvd

Pagina: 1

Reageer