CSS-Entsprechung für diese Tabellenlösung

[Sven]

Hallo,

ein kleines "sportliches" Problem, für das ich vielleicht einfach zu dumm bin.

Ich habe 3 Buttons, die dynamisch in der Breite kleiner werden dürfen, falls das Browserfenster nicht mehr hergibt. Soweit die Designtheorie.

Mit CSS bring ich es einfach nicht hin. Resultat ist trotz aller Versuche mit Imgs, Divs, Inline-Elementen, Overflows und Max-Widths immer dasselbe: Die 3 Buttons sind nebeneinander und umbrechen, wenn der Platz nicht da ist.

Anbei der Code mit den "guten, alten" Tabellen, der genau das bewirkt, was ich will. Ich lasse es einfach mal so, aber ich würde diesen Knoten gerne lösen, um vielleicht doch dazuzulernen oder gerne die Bestätigung haben, das CSS nach 10 Jahren Entwicklung immer noch ... naja, irgendwie genial und irgendwie immer noch sch... Lücken hat.

viel Spaß beim Tüfteln und danke für alle Tipps, Tricks und Gedankenanstöße
Sven

  
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>  
<td style="background-image: url(/pics/titel/home-leistungen.jpg); height: 124px"><a href="/leistungen.shtml"><img src="/pics/spacer.gif" width="100%" height="100%" border="0"></a></td>  
<td style="background-image: url(/pics/titel/home-service.jpg); height: 124px"><a href="/service.shtml"><img src="/pics/spacer.gif" width="100%" height="100%" border="0"></a></td>  
<td style="background-image: url(/pics/titel/home-kontakt.jpg); height: 124px"><a href="/kontakt.shtml"><img src="/pics/spacer.gif" width="100%" height="100%" border="0"></a></td>  
</tr></table>

[Struppi]

Ich habe 3 Buttons, die dynamisch in der Breite kleiner werden dürfen, falls das Browserfenster nicht mehr hergibt. Soweit die Designtheorie.

div span { width:33%;float:left;}

<div>  
<span>a</span><span>b</span><span>c</span>  
</div>  

Struppi.

[Sven]

Gut damit dürfte bewiesen sein, ob ich die Schuld bei CSS oder bei mir suche ... 8(

danke
Sven

[LarsSW]

Hallo,

die Lösung hast du ja inzwischen. Aber:

Anbei der Code mit den "guten, alten" Tabellen, der genau das bewirkt, was ich will. Ich lasse es einfach mal so, aber ich würde diesen Knoten gerne lösen, um vielleicht doch dazuzulernen oder gerne die Bestätigung haben, das CSS nach 10 Jahren Entwicklung immer noch ... naja, irgendwie genial und irgendwie immer noch sch... Lücken hat.

CSS hat keine Lücken ;-) Die haben allenfalls diverse Browser großer Software-Hersteller, die CSS fehlerhaft oder unvollständig interpretieren.

Aber es wird zunehmend besser... :-)

Beste Grüße
Lars

[Sven]

Hi,

die Lösung hast du ja inzwischen. Aber:

Ja, und ich greif mir aufs Hirn, was ich daran nicht probiert habe.

CSS hat keine Lücken ;-) Die haben allenfalls diverse Browser großer Software-Hersteller, die CSS fehlerhaft oder unvollständig interpretieren.

Ja, die Lücken hab eher ich. Und die Browser, wie Du richtig schreibst.

Aber es wird zunehmend besser... :-)

Hoffentlich auch bei ersterem 8)

schönes Wochenende und vielen Dank
Sven