Sander: div-width problem: zwei divs feste breite, eins relativ

Beitrag lesen

hallo!

ich bin grad dabei unsere ganzen Webseiten (bzw. erstmal unsere größte) von tabellen-layout auf divs umzustellen, aufgrund der tatsache das ich auf der strasse angespuckt und mit steinen beworfen werde, da ich bis anfang 2008 meine seiten noch mit tabellen-layouts gemacht habe.
ich bin am zusammenbrechen - ich probiere das jetzt den ganzen tag, hab ca. 10000000 webseiten und foren durchgelesen, befreundete entwickler gefragt - keiner hat eine antwort auf diese extrem hochkomplizierte frage.

problem: ich habe 3 divs die nebeneinander stehen, davon haben die ersten beiden eine fest größe in pixeln, das dritte hingegen soll den gesamten restlichen platz bis zum rechten browserrand bekommen - so wie es standard ist bei tabellen.

code:

<div style="float:left; height:78px; width:180px; background-color:red; margin-right: 6px;">eins</div>
<div style="float:left; height:78px; width:500px; background-color:red; margin-right: 6px;">zwei</div>
<div style="float:left; height:78px; width: *; background-color:red;">drei</div>

das funktioniert nicht, das 3. div ist bloß so breit wie sein inhalt (das wort "drei"). wenn ich im 3. div die width auf auto setze, passiert das selbe wie bei *, setze ich es auf 100%, bekommt das 3. div die gesamte breite des browserfensters und wird auf die nächste zeile umgebrochen, damit es in seiner ganzen 100%-pracht dargestellt werden kann.

also mit tabellen hab ich das innerhalb einer minute hinbekommen - mit der hochmodernen und wunderbaren div-methode, die ja heute von allen empfohlen wird, während einen kinder die grad aus dem studium entlassen wurden und noch nie gearbeitet haben (geschweigedenn eine seite programmiert), auslachen, weil man "immer noch" html-tabellen nutzt.

übrigens hab ich genauso lange gesessen und bin verzweifelt, beim versuch, text mit css vertikal zu positionieren (middle), was nicht über brauchbare methoden wie vertical-align, sondern nur über spezialtricks geht, wie margin-hacks oder die line-height so hoch machen wie das element. normal zentrieren kann man ja laut selfhtml und anderen auch nur noch über margin-tricks - das gute alte align-attribut war wohl schlicht zu einfach zu benutzen - also muss man das ändern!

wirklich eine tolle, neue und vorallem benutzerfreundliche css-welt - die ja nun alles verbessert was so schlimm war mit tabellen.

ich hoffe ernsthaft das vielleicht jemand von euch einen brauchbaren tipp hat, wie ich das morgen hinbekomme, andernfalls hoff ich das ich bis dahin auf der strasse überfahren werde! noch mehr zeit will ich nicht in diesen cascading-style-sh*t stecken!

ps: hat jemand ne idee, auf welcher art von drogen die jungs vom w3c waren als sie sich DAS ausgedacht haben?? und auf welchen die leute waren/sind die das bis heute befürworten?