geneste div onder uitlijnen, de rest boven - Softwareontwikkeling

donderdag 5 oktober 2006 15:58

Acties:

Topicstarter

hey....

ik wil eigenlijk hetvolgende...
dat de tekst, boven uitgelijnt, overal mag komen, behalve op de div#rechts en div#onder. ik krijg het alleen niet voor elkaar. heb ook al floats geprobeerd, maar het lukt me NIET.

de divs staan in een tabel. dat is niet per ongeluk, maar expres

het lastige, is dat die divs onder uitgelijnt moeten worden en de tekst boven...
heb al vanalles geprobeerd, ook wat tips uit andere topics, maar tevergeefs.

zo zou het moeten worden:
Afbeeldingslocatie: http://jeroenevers.com/wp-up/zo_zou_het_moeten.jpg

Afbeeldingslocatie: http://jeroenevers.com/wp-up/zo_zou_het_moeten.jpg

HTML:

<html>
<head>
<title>123</title>
<style>
#container {
  vertical-align: top;
  height: 400px;
}

#tekst {
  background-color: #eee;
  margin: 10px;
}

#onder {
  background-color: #ccc;
  position: relative;
  bottom: 0px;
  width: 400px;
}

#rechts {
  background-color: #aaa;
  position: relative;
  bottom: 0px;
  left: 400px;
  width: 80px;
  height: 250px;
}

</style>
</head>
<body>
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td id="container">
    <div id="tekst">
      <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. 
        Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an 
        estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium 
        facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian 
        quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.</p>
      <div id="rechts">rechts</div>
      <div id="onder">onder</div>
    </div>
    </td>
  </tr>
</table>
</body>
</html>

hulp!

heeeeee ..... hoe is het?

donderdag 5 oktober 2006 16:22

Acties:

Geert.H

Volgens mij is dit wel gewoon met floats op te lossen, wat heb je daar dan mee geprobeert? Ik zal eens ff kijken of mij wat lukt

donderdag 5 oktober 2006 16:35

Acties:

Boelie-Boelie

Zelfde vraag is wel eens gesteld, maar topic was onopgelost:
[CSS] Valign = bottom met een DIV

Cogito ergo dubito

donderdag 5 oktober 2006 16:54

Acties:

amoen

Topicstarter

Boelie-Boelie schreef op donderdag 05 oktober 2006 @ 16:35:
Zelfde vraag is wel eens gesteld, maar topic was onopgelost:
[CSS] Valign = bottom met een DIV

idd! dat is precies mijn ding!

heb dit niet gevonden bij de zoek-optie...

maar goed het probleem is daarbij niet opgelost.

als ik #rechts een float:right geef,
dan werkt het nog niet, omdat ik de bottom op 0px heb staan!
en dat doe ik dan weer om hem onderin uit te lijnen.

heeeeee ..... hoe is het?