Avatar billede lasseq Nybegynder
12. juli 2004 - 17:04 Der er 11 kommentarer og
3 løsninger

Problem med height:auto

Hej
Jeg er ved at lave en hjemmeside (se den på http://temp.quorning.com). "Main"-div'en skal kunne tilpasse sig brugerens skærmopløsning i højden. Alle de omkringliggende elementer har absolutte størrelse.

Hvordan kan det være, at height:auto samt overflow:auto, ikke fungerer i denne sammenhæng?
Avatar billede syvon Nybegynder
12. juli 2004 - 21:42 #1
man kan ikke bruge height:auto det virker ikke det skal i stedet hedde.

height:100%;overflow:auto;
Avatar billede syvon Nybegynder
12. juli 2004 - 21:52 #2
By the way >> der er fejl på siden i opera,netscape og firefox

dit copyright ligger oppe oven i dine billeder i alle tre
Avatar billede roenving Novice
13. juli 2004 - 16:23 #3
-- og du kan måske bruge den teknik, jeg har vist, bl.a. her: http://www.eksperten.dk/spm/497362
Avatar billede tbsandau Novice
14. juli 2004 - 14:36 #4
#id {
height: 100%;
overflow: auto;
}
Avatar billede lasseq Nybegynder
15. juli 2004 - 11:58 #5
tak for jeres svar...
syvon & zniffer --> jerees bud virker ikke helt efter hensigten. På den måde kommer div'en "main" ved overflow til at gå over browserens 100%. På den måde holdes rammen ikke inden for skærmens højde.... Kan I hjælpe her?

roenving -> som jeg kan se, er det tabeller, det andet spørgsmål er rettet til... har du  et forslag til mit stylesheet? :D
Avatar billede tbsandau Novice
15. juli 2004 - 16:17 #6
prøv evt. uden overflow... et forsøg hver, men lover ik det virker!
Avatar billede roenving Novice
16. juli 2004 - 04:34 #7
Hvis du kigger på mit første bud er der ikke tabeller med:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fuld højde simpelt</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/519171">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#banner{position:absolute;height:120px;width:100%;background:yellow;z-index:1;}
#main{height:100%;background:green;}
#spacer{height:120px;}
</style>
</head>
<body>
<div id="banner">Banner</div>
<div id="main">
<div id="spacer">Usynligt</div>
Hovedside</div>
</body>
</html>
Avatar billede roenving Novice
16. juli 2004 - 04:35 #8
Spaceren er tricket ...
Avatar billede lasseq Nybegynder
20. juli 2004 - 14:36 #9
Hej igen
zniffer: Det lykkedes ikke... ! Har du andre forslag?

roenving: jeg har uploadet ny version af siden, hvor jeg benytter spaceren. Men uden resultat. Har jeg gjort det rigtigt?
Avatar billede lasseq Nybegynder
04. august 2004 - 23:14 #10
Sker der ikke mere?
Avatar billede tbsandau Novice
08. september 2004 - 14:52 #11
Beklager ventetiden, har bare ikke være her inde længe!

Men nej. Har ikke andre forslag lige udmidlbart, men skal nok sige til hvis det er!
Avatar billede lasseq Nybegynder
08. september 2004 - 16:10 #12
Hej Zniffer.
Det er i orden. Jeg vil lige undersøge det lidt nærmere når jeg får tid.
Du får en lille del af pointene som tak for din ulejlighed.
Avatar billede lasseq Nybegynder
08. september 2004 - 16:10 #13
Mit svar
Avatar billede lasseq Nybegynder
08. september 2004 - 16:10 #14
Hov :D
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