Avatar billede triple-x Nybegynder
06. juni 2006 - 09:15 Der er 10 kommentarer og
1 løsning

Div der følger med

Kære Eksperter,

Jeg sidder med et problem jeg ikke helt kan gennemskue.

Hvis man har 2 divs under hinanden, og den nederste skal følge den øverste, hvordan gøres dette?

Forstået på den måde at hvis jeg sætter 20 liniers tekst ind i den øverste div, skal den nederste div stadig ligge i bunden af div1

På forhånd tak.
Avatar billede ldanielsen Nybegynder
06. juni 2006 - 10:53 #1
Må vi se hvad du har, som ikke virker rigtigt ...?
Avatar billede triple-x Nybegynder
06. juni 2006 - 11:08 #2
Jeg har som sådan intet, sidder og "øver" mig kan man vel godt sige på de mange muligheder der er med divs.

Problemet er jeg ikke kan gennemskue hvordan det skal virke hvis man har følgende:

|div1|
tekst
tekst
tekst
tekst
|div2|

Hvis man så nøjes med 2 linier tekst eller har 10 linier tekst, skal div2 fortsætte med at hænge på div1
Avatar billede ldanielsen Nybegynder
06. juni 2006 - 11:51 #3
Nu er table jo ikke afskaffet fordi div findes ...

Men anyway:

Hvad med div2 indeni div1:

<div id=div1>
D1<br>
tekst<br>
tekst
<div id="div2">d2</div>
</div>
Avatar billede triple-x Nybegynder
06. juni 2006 - 12:00 #4
Nej heldigvis da :) men derfor er det stadig rart også at have styr på divs.

Er det ikke muligt at ligge den uden for den anden ?

Men ellers læg et svar, og tusind tak.
Avatar billede ldanielsen Nybegynder
06. juni 2006 - 12:04 #5
Nej tak. :o)

jeg forstår faktisk ikke hvad du mener.

<div id=div1>
D1<br>
tekst<br>
tekst
</div>
<br>
<div id="div2">d2</div>

Så vil div2 være under div1, ikke? hvad mener du med at den skal "hænge på", det lyder som om at div1 kan flytte sig?
Avatar billede triple-x Nybegynder
06. juni 2006 - 12:19 #6
okay prøver lige at lave et eksempel der nok er lidt mere avanceret.

#Layer1 {
    position:absolute;
    width:200px;
    height:100px;
    left: 50px;

}
#Layer2 {
    position:absolute;
    width:200px;
    height:100px;
    left: 250px;

}
#Layer3 {
    position:absolute;
    width:400px;
    height:50px;
    left: 50px;
    top: 100px;
}


<div id="Layer1">tekst</div>
<div id="Layer2">tekst</div>
<div id="Layer3">teks</div>

Hvis man har disse 3, og layer3 skal følge med ned hvis enten layer 1, eller 2 udvider sig ned af.

Det ville være langt lettere at lave med en tabel, det er der ingen tvivl om. Jeg er bare nysgerrig efter hvordan det laves med divs, hvis muligt.
Avatar billede olebole Juniormester
06. juni 2006 - 19:23 #7
<ole>

Så skal du lave noget JS, der kan synkronisere deres højder - eller fake søjler med baggrundsbilleder. Der er ikke noget i CSS, der reelt kan gøre de tre elementer lige høje  :)

/mvh
</bole>
Avatar billede ldanielsen Nybegynder
07. juni 2006 - 09:42 #8
Så forstår jeg det. Men kan ikke klare den.

Du har ret, det er fint at udforske mulighederne, for der er rigtig mange styles, og de kan ofte bruges til uventede ting, hvis man er lidt kreativ.
Avatar billede triple-x Nybegynder
09. juni 2006 - 15:17 #9
Beklager mit sene svar, jeg siger tusind tak for jeres svar.

Vil i være søde at smide et svar, så jeg kan få delt nogle point ud.
Avatar billede ldanielsen Nybegynder
12. juni 2006 - 13:52 #10
nej tak. Ingen løsning, ingen point til mig :o)
Avatar billede triple-x Nybegynder
15. juni 2006 - 13:22 #11
det var satans :) så bliver jeg jo tvunget til at tage dem tilbage.

Forsat god dag
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