zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zwei Spalten: Unbekannte Breite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.03.2009, 21:31
ex Spotlight.de
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2009
Beiträge: 16
hibbet befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.03.2009, 01:31
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

"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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.03.2009, 12:54
ex Spotlight.de
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2009
Beiträge: 16
hibbet befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #4 (permalink)  
Alt 17.03.2009, 13:07
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.

Geändert von fricca (17.03.2009 um 13:10 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 17.03.2009, 13:10
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Du hast die Boxen ja auch mit so viel Inhalt gefüllt, daß sie nicht nebeneinander passen können.
__________________
MfG
Jens
Mit Zitat antworten
  #6 (permalink)  
Alt 17.03.2009, 13:38
ex Spotlight.de
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2009
Beiträge: 16
hibbet befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
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.
Da hast du's.



Zitat:
Zitat von plastiko Beitrag anzeigen
Du hast die Boxen ja auch mit so viel Inhalt gefüllt, daß sie nicht nebeneinander passen können.
Dann soll er doch bitte den Text so umbrechen dass es passt.
Mit Zitat antworten
  #7 (permalink)  
Alt 17.03.2009, 13:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von hibbet Beitrag anzeigen
Soll ich mich jetzt bedanken?

Wenn du deinen Code jetzt noch validierst, kannst du den von mir genannten Ansatz ja testen.
Mit Zitat antworten
  #8 (permalink)  
Alt 17.03.2009, 14:16
ex Spotlight.de
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2009
Beiträge: 16
hibbet befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Soll ich mich jetzt bedanken?
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)
Mit Zitat antworten
  #9 (permalink)  
Alt 17.03.2009, 14:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.03.2009, 15:01
ex Spotlight.de
neuer user
Thread-Ersteller
 
Registriert seit: 16.03.2009
Beiträge: 16
hibbet befindet sich auf einem aufstrebenden Ast
Standard

Danke für die Antwort.

Sehe ich das richtig dass die vernünftigste Art so eine Browserweiche zum implementieren die IE-Conditional-Comments sind?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:53 Uhr.