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
BlackWidowXP Nachtrag zu: „Text bricht nicht korrekt um ...“
Optionen

Hi Maxx!

"Wenn ich (testweise) dieses Phänomen nur im ausprobiere funktioniert es."
huch ... da hat er mein <body> weggemacht! Wusste nicht, dass er hier den Text einfach so wieder anzeigt ohne durch HTML-Entities zu ersetzen ...

Also zu CSS...
Ich habe wie beschrieben eine Tabelle mit einer Zeile und drei "Spalten" also Zellen. Die beiden äußeren habe eine Breite von 200px. Die mittlere sollte eigentlich immer die restlich Größe bekommen.
Weil HTML aber standardmäßig die tatsächliche Spaltengröße vor der manuell gesetzten bevorzugt, habe ich die Taballe mittels table-layout:fixed; fixiert. Leider geht das nur für ganze Tabellen und nicht für einzelne Spalten (zumindest wüsste ich da nichts von).

Habe mittlerweile noch vielen ausprobiert. Aber nichts hat so funktioniert wie ich mir das vorgestellt habe!
Nochmal mein Ziel:
Linke Spalte 200px FIX!
Rechte Spalte 200px FIX!
Mittlere Spalte - restliche verbliebene Spaltenbreite

Den Quelltext zu posten macht glaub ich nicht so viel Sinn, weil ich das in mehreren CSS-Dateien verteilt hab und das Layout ansich (ist für nen CMS). Das wird hier zu viel ...

Bestehen denn sonst noch Fragen?

Ansonsten wäre ich um weitere Hilfe SEHR dankbar!

BlackWidow

bei Antwort benachrichtigen