Avatar billede snie97 Nybegynder
15. maj 2005 - 23:30 Der er 7 kommentarer

Container-div følger ikke med content-div

Hej...

Jeg sidder og bikser med et design, og har et problem...

Min "container-div" som er sat til 100% i height, følger ikke med "content-div"'en når indholdet er længere end browservinduet...

Siden kan ses på http://md.frac.dk/powerplaytheband.dk/test-design/design.htm

Håber der er en der kan sætte mig ind i hvordan det skal gøres...
Avatar billede roenving Novice
15. maj 2005 - 23:42 #1
Hvad sker der hvis du bruger:

.content-box {
position:relative;
top:0px;
background-color:#e5bd83;
width:720px;
height:100%;
margin:0 auto;
z-index:2;
}
Avatar billede snie97 Nybegynder
15. maj 2005 - 23:44 #2
hjælper ikke... og box'en bliver bare skubbet til højre
Avatar billede roenving Novice
15. maj 2005 - 23:48 #3
Du mangler jo det helt grundlæggende i en html-fil, en document type !-)

Brug ovenstående model, hvor du har indsat f.eks. denne doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>

-- så forstår selv IE, at den skal følge standarderne (nåja, så langt den overhovedet forstår dem !-)
Avatar billede snie97 Nybegynder
15. maj 2005 - 23:54 #4
så er der doctype, men content-box'en følger stadig ikke med...
Avatar billede roenving Novice
15. maj 2005 - 23:58 #5
Tjah, i Gecko-browserne (bla. Mozilla, FireFox mv. !-) tager den faktisk den slags oplysninger til troende, dvs. at den altid gør som der står, så 100% kan kun bruges som min-height der, men IE gør faktisk sådan at den følger med, hvis en indre boks ikke er absolut, så det skal du sørge for !-)
Avatar billede snie97 Nybegynder
16. maj 2005 - 00:03 #6
hmm... hverken ie eller firefox virker...
Avatar billede kreistopher Nybegynder
25. juli 2013 - 19:00 #7
hej du skal bruge egenskaben "overflow:hidden" i din container div, så respekterer den alle elementer også selvom de er "float"
:)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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