Avatar billede sorensen_123 Nybegynder
20. november 2006 - 16:14 Der er 15 kommentarer og
1 løsning

Blive forneden!

Hejsa, jeg har en div (som er toppen på en side), hvori der er en anden div (hvor jeg har nogle tabs), hvordan får jeg den anden div (den med tabsne) til at blive for neden hele tiden, uanset hvor høj at den første div (selve toppen af siden) er?
Avatar billede sorensen_123 Nybegynder
20. november 2006 - 16:14 #1
Med css skal det siges :)
Avatar billede udvikler Nybegynder
20. november 2006 - 16:17 #2
valign="bottom"
Avatar billede udvikler Nybegynder
20. november 2006 - 16:18 #3
ved ikke om den vil virke med css, men du kan jo altid prøve:

valign: bottom;
Avatar billede jowii Nybegynder
20. november 2006 - 16:35 #4
vertical-align:bottom; ?
Avatar billede sorensen_123 Nybegynder
20. november 2006 - 16:56 #5
Har prøvet alle dem :)
Avatar billede roenving Novice
20. november 2006 - 17:40 #6
<div style="position:relative;height:300px;">
  Noget tekst
  <div style="position:absolute;bottom:0;">
    En div i bunden af en anden div</div>
</div>
Avatar billede sorensen_123 Nybegynder
22. november 2006 - 15:07 #7
Det eneste der gav et resultat, var roenving's, men desværre virkede det ikke rigtigt som jeg ville have det.

Her er noget af koden:
div#header{width:100%;overflow:hidden;background: #BBD9EE; background-image: url(headerbg.jpg);  height:109px;}
div#header h1,div#menu{width:770px;margin:0px;text-align:left;}
div#header h1{width:300px; height:109px;float:left; background-image: url(jaxllogo.jpg);}

Det er div#header h1,div#menu{width:770px;margin:0px;text-align:left;} som jeg vil have i bunden af den div :)

Udskriver det som html sådan:
<div id="header">
<h1></h1>
<div id="menu">
  <ul id="nav">
  <li><a href="#">Tab</a></li>
  <li><a href="#">Tab</a></li>
  <li><a href="#">Tab</a></li>
  <li><a href="#">Tab</a></li>
  </ul>
</div>
</div>
Avatar billede roenving Novice
23. november 2006 - 00:29 #8
Husk at give det omkransende element position:relative; så position:absolute; kan bruges inde i den !-)

-- og hvis h1-tingen og diven ikke skal ligge ovenpå hinanden, skal de lægges ind i et element, der indeholder begge, og som så kan positioneres i bunden !o]
Avatar billede sorensen_123 Nybegynder
23. november 2006 - 14:38 #9
Okay, det var ikke lige det jeg forstod mest af :(

Kan du prøve at fixe koden, så det virker?

Hvordan forhøjer man pointsum? Den der fixer det vil få 100 points.
Avatar billede jowii Nybegynder
24. november 2006 - 14:14 #10
div#header {
position:relative;
width:100%;
overflow:hidden;
background: #BBD9EE;
background-image: url(headerbg.jpg); 
height:109px;
}

div#menu {
position:absolute;
bottom:0;
width:770px;
margin:0px;
text-align:left;
}

div#header h1 {
width:300px;
height:109px;
float:left;
margin:0px;
text-align:left;
background-image: url(jaxllogo.jpg);
}

<div id="header">
<h1>xxx</h1>
<div id="menu">
  <ul id="nav">
  <li><a href="#">Tab</a></li>
  <li><a href="#">Tab</a></li>
  <li><a href="#">Tab</a></li>
  <li><a href="#">Tab</a></li>
  </ul>
</div>
</div>
Avatar billede sorensen_123 Nybegynder
24. november 2006 - 16:24 #11
Hah! Det virker!  Rigtigt mange tak!

Vil du have 100 points? Så opretter et nyt spg. hvor du kan få dem i (hvis det er lovligt, hvis ikke, så ret mig lige).

Igen, mange tak :)
Avatar billede jowii Nybegynder
25. november 2006 - 01:54 #12
Giv roenving pointsne, det var ham der gav dig løsningen.
Avatar billede sorensen_123 Nybegynder
25. november 2006 - 11:34 #13
Så roenving... smid et svar ;)
Avatar billede roenving Novice
27. november 2006 - 02:53 #14
Oki '-)
Avatar billede roenving Novice
24. december 2006 - 12:59 #15
-- og tak for point ;~}
Avatar billede sorensen_123 Nybegynder
24. december 2006 - 13:11 #16
Det var så lidt (selvom det tog noget tid for mig at acceptere! :D )

God jul.
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