|
|||
Zwei Spalten: Unbekannte Breite
Hallo,
ich hätte gerne etwas Text rechts neben einem Bild. Der Text soll aber nicht unten um das Bild herumfließen, wenn der Text länger ist als das Bild. (also einfch nur 2 Spalten wie mans von Tabellen kennt). So nun könnte man den linken Container nach links floaten lassen und dann beim rechten Container einen entsprechenden linken Rand setzen, damit da nichts rum fließt. Dafür bräuchte man aber die Breite des linken Containers. Die habe ich leider nicht. Links kommt ja das Bild hin, und das kommt aus einer Datenbank. Wie mache ich das am besten, dass sich die beiden Spalten an die Breite des Bildes in Spalte 1 anpassen? MfG, hibbet |
Sponsored Links |
|
||||
"floate" die Spalten mit dem Bild einfach ohne Breite und gib der Textspalte auch keine Breite und "float" in die gleiche Richtung. Das sollte funktionieren.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
Funktioniert ohne Breitenangabe leider dann auch nur im IE
Hier mal der Code als Live Beispiel (oben ohne Breiten angabe für den zweiten Container, unten mit) |
|
|||
hibbet, erstell doch bitte einen Testcase, der wirklich das zeigt, was du willst. Wenn du über ein Bild reden willst, dann setz eines in deinen Testcase. Ist das ganze wirklich ein vollflexibles Layout? [edit: Nein, es ist fix. Inline-styles sind wirklich grauenvoll unübersichtlich. Lass das body-Element in Frieden, nutze einen Wrapper.]
Außerdem bitte keine Inline-Styles. Gib deinen Elementen Namen und benutze ein Stylesheet. Mein Ansatz wären die Darstellungseigenschaften von Tabellenelementen für richtige Browser. Für IE < 8 Float für das Bild und hasLayout für den Textcontainer. Ob das für dich zielführend sein kann, weiß ich nicht. Dazu fehlt ein richtiger Testcase.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (17.03.2009 um 13:10 Uhr) |
|
|||
Zitat:
Dann soll er doch bitte den Text so umbrechen dass es passt. |
|
|||
Zitat:
Wenn du deinen Code jetzt noch validierst, kannst du den von mir genannten Ansatz ja testen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Ja bitte. Gibt es denn vielleicht noch eine andere Möglichkeit, die ohne Browserweichen/-hacks auskommt, da ich befürchte, dass diese das CSS auf lange Sicht unverständlich und unwartbar machen? (Seite steht jetzt auch valide unter oben genannten Link)
|
|
|||
Nein, in diesem Fall wirst du nicht ohne eine separate Behandlung von IE <= 7 und dem Rest auskommen.
Grundsätzlich ist eine einen Block Formatting Context hervorrufende Eigenschaft geeignet, Boxen komplett neben Floats zu stellen. Overflow für den Textbereich wäre demnach auch eine Möglichkeit. Da dies aber häufig zu nahezu unkontrollierbaren Ergebnissen führt, habe ich den Versuch mit einer CSS-Tabelle vorgeschlagen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
2 Spalten - dynamische Breite | Zeussi | CSS | 1 | 20.08.2009 12:29 |
3 Spalten mit DIVs (volle Breite) | F.L.A.M | CSS | 0 | 08.01.2008 17:51 |
3 Spalten, Breite des Inhalts dynamisch | schmidtsmikey | CSS | 1 | 30.10.2006 12:39 |
3 Spalten Layout - aussen fixe Breite, mitte variabel | semikolon | CSS | 1 | 04.12.2005 18:14 |
3 Spalten | Aussen: variable Breite; Mitte: feste Breite | dreamshocker | CSS | 9 | 17.08.2005 17:23 |