Avatar billede zeddik Nybegynder
20. juli 2005 - 22:53 Der er 13 kommentarer

ang.100% height! CCSS!

Jeg har et mindre problem...

Er ved at designe en side, og jeg har et background-patttern der skal gentages ned ad y-aksen helt ned til bunden af siden! Højden på siden er self. varierende pga. indholdet (bruger ik iFrames :D) og pga. forskellige opløsninger hos besøgende!

Når jeg så prøver at lave et <div> tag med et baggrundsbillede der skal gentages ned ad y-axen, og sætter højden for <div> tag'et til 100% så viser den slet ingenting! Ændrer jeg den til gengæld til en px værdi, så viser den det helt perfekt... Hvordan kan det være den ikke vil vise <div> tagget når jeg sætter den højde (eller bredde for den sags skyld) til en % værdi?

I kan se det på http://zeddik.1go.dk

Mvh. Zeddik!
Avatar billede janomel Nybegynder
20. juli 2005 - 23:28 #1
Prøv og vise din kode
Avatar billede or.han Nybegynder
20. juli 2005 - 23:38 #2
Hvilken en af div'sne er det du mener? Og kan du så ikke også 'paste' det stykke ind du gerne vil have tjekket?
Avatar billede milandt Nybegynder
20. juli 2005 - 23:47 #3
sæt height:100% på både html og body

html, body {height:100%;}
Avatar billede roenving Novice
21. juli 2005 - 01:07 #4
-- og det skal da tilføjes, at xhtml er fremtid, men desværre overhovedet ikke nutid på www ,-(

Læs f.eks. oleboles artikler:

http://eksperten.dk/artikler/537 og
http://eksperten.dk/artikler/538
Avatar billede milandt Nybegynder
21. juli 2005 - 09:37 #5
roenving - Hvad har dette spørgsmål med xhtml at gøre?
Avatar billede roenving Novice
21. juli 2005 - 12:11 #6
Har du ikke kigget på zeddiks kode ?-)
Avatar billede milandt Nybegynder
21. juli 2005 - 14:32 #7
nej, jeg forstod godt spørgsmålet :D

zeddik, kunne du bruge svaret?
Avatar billede zeddik Nybegynder
22. juli 2005 - 00:09 #8
Jeg har prøvet den der metode med html, body {height: 100%;}, har endda også prøvet med min-height, men det fungerer ik 100%! Har fået det til at køre lidt nedad, men den kører kun ned til bunden af skærmen1 Hvis der er mere indhold end der kan være på skærmen, så stopper den med at repeate! Tak for svarene! Hvordan giver man jer point?
Avatar billede roenving Novice
22. juli 2005 - 00:13 #9
Du beder dem, som du synes har bibrunget dig noget om at svare !-)
Avatar billede milandt Nybegynder
22. juli 2005 - 00:18 #10
html, body {min-height:100%;height:100%}

burde løse problemet. hvis det ikke gør, så kigger jeg lidt nærmere på din kode.
Avatar billede olebole Juniormester
22. juli 2005 - 00:35 #11
<ole>

milandt >> Spørgeren spørger godt nok ikke explicit om noget vedrørende XHTML - men når en bruger skriver dårlig/uhensigtsmæssig kode, er det vel helt på sin plads at gøre ham opmærksom på det.

Da der formodentlig er tale om, at brugeren forestiller sig, han skriver god XHTML-kode, mener jeg, det er helt i orden, at han får at vide, siden overalt parses/tolkes som værende skrevet i dårlig HTML4.

Ved man det og undlader at fortælle ham det, mener jeg da nærmer sig det tarvelige  :)

/mvh
</bole>
Avatar billede olebole Juniormester
22. juli 2005 - 00:43 #12
- så er denne linje ret uforståelig:

<a href="index.php"><div class="pink"><img src="images/logo.jpg" width="50" height="220"></img></div></a>

Et billed-tag har ikke noget lukke-tag, så </img> er en ulovlig lukning ... også i XHTML.
Derudover kan du ikke have et block-element i et inline-element, så med mindre dette link i CSS'en er sat til at være på block-level (jeg orker ikke at støve din CSS igennem), er det ulovlig kode.
Avatar billede olebole Juniormester
22. juli 2005 - 00:45 #13
- og så lukker du aldrig dokumentet. Du bruger hverken </body> eller </html>
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
Kurser inden for grundlæggende programmering

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