<div> der fylder sidens højde

Tags:    html css

Hej jeg er igang med et design og er ved at være færdig med det grundlæggende dog da jeg var igang med at lave noget php/mysql kom den med en advarsel og jeg opdagede en design mæssig fejl på siden.

Hvis teksten fylder mere en 100% udvider min yderste box sig ikke med teksten. J

Lige nu bruger jeg height: 100%; men det virker ikke..

Er der nogen der kan hjælpe? Hilsen Svend

ps:
link til et screenshot(fra min asus eee): http://upload.bubi-graphics.dk/hostedimages/Snapshot2.png

Link til en side med problemet: http://svendbenno.dk/NewDesign/index.php

(Jeg ved godt at min box med runde hjørner ikke virker, men det er ordnet på en fil i localhost.)



Indlæg senest redigeret d. 08.12.2008 13:55 af Bruger #14210
8 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
... Den har position:absolute, desuden kopiere du ikke hele mit css med, det vil ikke virke i IE6 den.

Centrer den med:

Margin: 0px auto;



Nu ser jeg også at din #maincolumn har 2 x height, du har både height auto, og height 100%. Desuden skal det være min-height, hvis den skal kunne udvide sig.




brug min-height: 100%; og height: 100% til IE6



ex uden nogle extra css ark;

min-height: 100%;
height: auto !important;
height: 100%;

/J



Mange tak men det virker stadig ik :'(

Det teksten skal gøre er at min. være sidens højde men hvis teksten indeni overskrider den højde følger boxens højde også med.

Jeg indsatte koden i mit stylesheet så det så sådan ud:
Fold kodeboks ind/udKode 
(boxen hedder #maincolumn)

Det virker dog stadig ik(i firefox 3)
som her(scroll ned og du kan se at boxen ikke følger med teksten) http://svendbenno.dk/NewDesign/

:(



Indlæg senest redigeret d. 08.12.2008 16:41 af Bruger #14210
Mm jeg har ikke lavet IE 6 koden men jeg kan ikke få det til at virke i firefox heller. Har du eventuelt et link til en guide/tutorial af en art?



Hej.

Jeg sad med samme problem igår.

Det hjalp da jeg ændrede position:absoulute til position:relative, så prøv det.





Tak nu har jeg fået det hele sat op så den udvider sig. Menuen er "lidt" malplaceret men det finder jeg ud af :P tak for hjælpen begge to!



t