[XHTML] Divs met gelijke hoogte

Pagina: 1
Acties:

  • DiLDoG
  • Registratie: Oktober 2002
  • Laatst online: 15-04 11:31
Ik ben bezig met een kleine site en ik zit met het volgende "probleem".
Ik probeer mijn site redelijk tableless te houden. en ik heb 3 divs met text uit een database.

Afbeeldingslocatie: http://img99.exs.cx/img99/3771/divs.gif

nu wil ik tussen die 3 divs een border hebben en die moet dus bij al die divs de lengte hebben van de langste div.

Afbeeldingslocatie: http://img96.exs.cx/img96/6691/divs3.gif


Hoe kan ik dat het beste oplossen? of kan ik dit toch beter met een table doen?

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:17

crisp

Devver

Pixelated

Dat is over het algemeen het best te truuken met een achtergrondplaatje :)

Intentionally left blank


  • djluc
  • Registratie: Oktober 2002
  • Laatst online: 19-05 18:05
Misschien een div er omheen en dan de hoogte 100% maken o.i.d.?

  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Gewoon een 1px brede achtergrond maken die als een border geplaatst word. Laat dan de divs elkaar 1px overlappen zodat de border ook altijd 1px blijft.

  • DiLDoG
  • Registratie: Oktober 2002
  • Laatst online: 15-04 11:31
djluc schreef op 03 november 2004 @ 22:12:
Misschien een div er omheen en dan de hoogte 100% maken o.i.d.?
dat had ik al geprobeerd, maar dat werkt volgens mij alleen als die div daaromheen een vaste height heeft. en hoe bedoelen jullie dat met die achtergrond dan? want dat werkt dan toch nog steeds alleen als die divs evengroot zijn?

Verwijderd

ze bedoelen dat je een achtergond gebruik die de 2 lijnen tussen de div's heeft. (van 1px hoog natuurlijk)
en die zet je gewoon achter de 3 div's. en dan lijkt het alsof je alledrie even lang zijn, maar dat is niet zo.

en anders mischien min-height gebruiken?

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Ofwel het concept wat bij A List Apart is toegepast onder de titel: "Faux Columns"...

Verwijderd

Kies voortaan even "[CSS]" als voorvoegsel, dit heeft niks met XHTML te maken.

  • DiLDoG
  • Registratie: Oktober 2002
  • Laatst online: 15-04 11:31
Mijn excuses Anne ;)

en Woudloper bedankt, die oplossing zocht ik _/-\o_
Pagina: 1