Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Tekst op gelijke hoogte in drie kolommen met css

10 antwoorden
  • Waarschijnlijk een behoorlijke newbe vraag maar toch. Met gebruik van css een driekoloms pagina gemaakt. In linkerkolom komt steeds een tekstkopje, in de middenkolom tekstblok en rechterkolom aanvullende tekst. En dat een paar keer onder elkaar. Duidelijk is dat dit steeds in iedere kolom op de zelfde hoogte moet gebeuren. Hoe positioneer ik de de tekst in de drie divs op een gelijke hoogte?
  • Stop het in een 3-koloms tabel en zet in je css: [code:1:20dc356d3e] td {vertical-align:middle;} [/code:1:20dc356d3e]
  • is dit niet wat je bedoelt? http://www.alistapart.com/articles/fauxcolumns/
  • Ik bedoel dat met tabellen het altijd zo makkelijk ging om informatie over het hele scherm horizontaal gezien op een hoogte te krijgen, terwijl het toch leek of het bijvoorbeeld drie kolommen leek. Ik nu probeer ik me verder te ontwikkelen en geen tabellen meer te gebruiken en positionering via blokken via css. Hoe krijg ik nu stukken tekst van verschillende lengte in de verschillende layers met op dezelfde beginlijn?
  • Door het gebruik van container-divs. Op deze manier kan je met absolute positionering alle divs binnen een container-div op gelijke hoogte krijgen. Het is wel een beetje vreemd, want idealiter zou je een div gebruiken om stukken data te groeperen en/of structureren, maar hier en daar kan je wel eens een uitstapje maken... ;) - Bas
  • Je plaatst drie divs naast elkaar door ze float:left mee te geven. Achter die drie divs zet je er nog een met clear:both Dit kun je dan zoveel herhalen als nodig is. De drie divs moet je nog wel een breedte geven. Als de divs even hoog zijn is de clear:both niet nodig. Ik heb [url=http://www.wimb.net/index.php?s=slosyn&page=13]hier[/url] een voorbeeld met plaatjes en tekst. Net omgezet van table naar div. De divs heten dan ook divtd. wimb
  • [quote:f8fce1ede6="BasHamar"]Door het gebruik van container-divs. Op deze manier kan je met absolute positionering alle divs binnen een container-div op gelijke hoogte krijgen. Het is wel een beetje vreemd, want idealiter zou je een div gebruiken om stukken data te groeperen en/of structureren, maar hier en daar kan je wel eens een uitstapje maken... ;) - Bas[/quote:f8fce1ede6] Kijk hier maar eens: http://members.home.nl/jeetee/joanne.html of evt. http://members.home.nl/jeetee/joanne.css
  • Ik dacht dat hij [url=http://www.wimb.net/test/driedivs.html]zoiets[/url] bedoelde. wimb
  • Als je data wilt weergeven die je normaal in een tabel zou plaatsen (en je verhaal klinkt wel een beetje zo) dan moet je gewoon een tabel gebruiken. We hoeven niet krampachtig tabellen te vermijden (hè Anne?), als ze maar juist gebruikt worden (voor tabulaire data, niet voor layout).
  • Standaard uitrusting: [url]http://www.pixy.cz/blogg/clanky/css-3col-layout/[/url] [url]http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html[/url] Hiermee moet het lukken.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.