Forum Doku Wiki Blog

Forumsarchiv 2002, Juni
Nebeneinanderstehende DIVs nicht umbrechen

archivierte Beiträge lesen

  1. (HTML) Nebeneinanderstehende DIVs nicht umbrechen von Markus Möller, 20. 06. 2002, 15:43

Nebeneinanderstehende DIVs nicht umbrechen

Der folgende Beitrag wurde am 20. 06. 2002, 15:43 Uhr von Markus Möller veröffentlicht.

Hallo! Ich habe mehrere DIVs nebeneinander. Wenn das Fenster zu schmal ist, werden die umgebrochen. Hier ein Beispiel:

<html>
<head></head>
<body>
<div style="margin:2px;padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative;overflow:hidden;background-color:yellow;float:left;">
 Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>

<div style="margin:2px;padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative; overflow:hidden; background-color:gray;float:left;">
 Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>

<div style="margin:2px;padding-left:1px;padding-right:1px;max-width:100px;width:100px;position:relative; overflow:hidden; background-color:navy;float:left;">
 Dies ist ein sehr langer Text mit einem Sehrsehrlangenwortdasnichtpasst. Mal schauen, ob es klappt
</div>

<br style="clear:left;">
</body>
</html>

Jetzt habe ich die 3 DIVs schon mit einem <nobr> und mit einem <span style="white-space:nowrap"> umklammert. Nichts hilft.
Wie geht's richtig?

Danke!

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4