Homepage selbermachen 7.846 Themen, 35.563 Beiträge

Text bricht nicht korrekt um ...

BlackWidowXP / 3 Antworten / Flachansicht Nickles

Hi Leute!

Ich hab nen kleines Problem und mir fällt diesbezüglich keine Lösung ein ...
Ich habe eine Website, die ein 3 Spalten-Layout besitzt. In der linken und rechten Spalte befinden sich diverse Navigationen und und und, in der mittleren der eigentliche Inhalt.
Das ganze ist über eine Tabelle realisiert mit einer Zeile (tr) und drei Zellen (td\'s). Die beiden äußeren habe eine fixe Breite, die mittlere skaliert ja nach Fenstergröße.
Aber dabei gibt es ein Problem:
Befindet sich in der mittleren Spalte ein Bild, das breiter ist als die Spalte selber, dann wird dieses nicht komplett angezeigt (ist ja auch richtig so), aber der restliche Text bricht auch nicht gemäß der aktuellen Fenstergröße um!
Dass ein Bild nicht umbrechen kann ist klar, aber der Text sollte das eigentlich tun! Aber er bricht so um, als ob die Spalte die komplette Größe HÄTTE, die sie bräuchte um das komplette Bild anzuzeigen. ERGO: Auch der Text wird abgeschnitten und somit unlesbar!

Daraufhin hab ich ein wenig experimentiert. Wenn ich (testweise) dieses Phänomen nur im

ausprobiere funktioniert es. Das Bild wird abgeschnitten, aber der Text bricht immer noch lesbar korrekt um!
Sobald ich das ganze in eine Tabelle packe gehts nicht mehr ...

Gibt es da mir noch nicht bekannte CSS-Styles oder andere Möglichkeiten das zu verhindern?? Das Bild kann ruhig abschneiden, nur der Text muss IMMER lesbar sein.

Ich wäre für Eure Hilfe SEHR dankbar!
Vielen Dank im Voraus,

Black Widow
bei Antwort benachrichtigen
Maxx Stone BlackWidowXP „Text bricht nicht korrekt um ...“
Optionen

Hi BlackWidow,

"Weil HTML aber standardmäßig die tatsächliche Spaltengröße vor der manuell gesetzten bevorzugt, (...)"
"HTML" bevorzugt da IMHO nichts. HTML ist (zum Glück) flexibel und der jeweilige BROWSER interpretiert das nach den Vorgaben der Browser-Programmierer ...
width="200" heißt de facto "Spaltenbreit=mindestens 200"

Okay, lass CSS erstmal weg. Versuch folgendes:
(tr)
(td width="200" valign="left")
(table width="200")(tr)(td)Spalte1(/td)(/tr)(/table)
(/td)
(td)
(/td)
(td width="200" valign="right")
(table width="200")(tr)(td)Spalte3(/td)(/tr)(/table)
(/td)
(/tr)

Mit dem Bild in der Mitte: Was soll das werden? Hintergrund? Feste oder flexible Grösse? ...

HTH
Maxx Stone

bei Antwort benachrichtigen