nicht angemeldet
Hallo,
mahlzeit
ich bin gerade dabei eine Seite ohne Tabellen als Layout-Hilfe zu erstellen.
Folgendes Problem:
<div>Inahlt</div> <div>Inahlt2</div> <div>Inahlt3</div>
Sollte im Browser so aussehen:
Inhalt Inhalt2 Inhalt3
Macht es aber nicht, sondern da siehts so aus:
Inhalt
Inhalt2
Inhalt3
Ist auch logisch da bei div's immer ein neuer Absatzt erfolgt.
Man könnte jetzt mit CSS und position:relative rumwerkeln und Werte für top -XYZ und für left +ABC setzen. Das ist aber recht hässlich wie ich finde, da bei einer Änderung des Inahlts, die Pixelangaben immer wieder mit geändert werden müssen.
Wie kann man mit CSS Inhaltsbereiche sauber nebeneinander darstellen ohne wild mit Pixelangaben rumzuwerkeln?
mhh, ich will jetzt garnicht mit absoluter positionierung anfangen, denn das willst du offenbar nicht, ausserdem wär das "pixelworx"
Bei Tabellen besteht das Problem ja nicht, da es Spalten gibt.
Aber Tabellen will ich wie gesagt nicht fürs Layout verwenden.
spiel ein wenig mit margins rum.du könntest, wenn du den div's ne feste breite gibst (musst du zwangsläufig, sonst wird das nebeneinander müll) per margin's und top:0px; (position:absolute;) zu prozentangaben kommen.
ich habs noch nie ausprobiert, aber wenn du das erste div mit 20% hast, sollte left:21% für das zweite doch funktionieren, oder?
interessante problemstellung, man könnte auch die tabellen-features von css nutzen, was zwar dann vom code her sauber ist, aber ne tabelle ;)
Gruß
ueps
Fabian