Autor |
Nachricht |
SURE612
Threadersteller
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 24.06.2010 10:04
Titel CSS float und Zeilenumbruch-Problem |
|
|
Hallo!
Ich habe ein Problem mit CSS...
ich habe ein containter-Div (width: 700px) , in dem Content dargestellt werden soll.
in diesem div sind mehrere andere Divs, die länger als 700 px sind.
dadurch gibt es einen horizontalen scroller in der container-Box - perfekt.
jetzt sollen die divs aber innerhalb des Container nebeneinander angeordnet sein.
float: left; funktioniert im chrome - im firefox nicht.
da gibts immer einen umbruch zwischen den divs. auch display: inline und whitespace: nowrap bringt keinen erfolg.
auch kann ich nicht einen wrapper innerhalb des containers packen mit fixer breite, da die länge varriiert...
lange rede, kurzer sinn:
container mit divs. divs im container sollen nebeneinander angeordnet werden, so dass der container gescrollt wird.
bin dankbar für alle tipps
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 24.06.2010 10:07
Titel
|
|
|
Bitte poste das Online Bsp oder zumindest den Quelltext
|
|
|
|
|
Anzeige
|
|
|
SURE612
Threadersteller
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 24.06.2010 10:15
Titel
|
|
|
online beispiel ist leider nicht möglich
aber jetzt lasse ich nur das erste div im container floaten, dann pappt sich das 2te hintendran...
floaten beide gibts nen umbruch.
mal sehen, ob das so weiter funzt
|
|
|
|
|
nel
Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Do 24.06.2010 10:16
Titel
|
|
|
ohne das beispiel zu sehen wäre glaube folgender ansatz die einzige lösung (nur falls du die breite des inhalts kennst, leider auch nur mit wrapper, ohne zerstört ein clear:both auch die overflow funktion)
Code: |
<div> (das ist der mit 700px+scrollbar)
<div> (dem gibst du ne feste breite z.b. 3000px)
<div></div>(float)
<div></div>(float)
<div></div>(float)
<div></div>(float)
<div></div>(clear: both)
</div>
</div>
|
Zuletzt bearbeitet von nel am Do 24.06.2010 10:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Do 24.06.2010 10:17
Titel
|
|
|
Clearst Du auch die Floats?
Zeig doch mal einen Bildschirmabzug wie sich der Umbruch auswirkt.
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 24.06.2010 10:21
Titel
|
|
|
nel hat geschrieben: | ohne das beispiel zu sehen wäre glaube folgender ansatz schon eine lösung (nur falls du die breite des inhalts kennst) |
Dass er die Breite nicht kennt, schrieb er ja bereits.
Die sicherste Methode sind die table-Eigenschaften: Das scrollbare div enthält ein weiteres mit display: table;, ein weiteres mit table-row, und dann die ganzen divs, die nebeneinander stehen sollen, mit table-cell.
Der IE < 8 kann das alles nicht und daher bekommen letztere divs display: inline; und zoom: 1;, und ihr Elternelement white-space: nowrap;.
Zuletzt bearbeitet von heiko_rs am Do 24.06.2010 10:22, insgesamt 1-mal bearbeitet
|
|
|
|
|
SURE612
Threadersteller
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Do 24.06.2010 10:27
Titel
|
|
|
hier mal ein screenshot...
die front ist ein div, die sitze ein table und das heck wieder ein div...
unten sieht man den scroller vom container
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 24.06.2010 10:39
Titel
|
|
|
Ein Online-Beispiel Deines aktuellen Versuches wäre deutlich hilfreicher.
|
|
|
|
|
|
|
|
Ähnliche Themen |
CSS: float:right + zeilenumbruch
float problem
float Problem
IE float problem?
img ul float problem
Problem mit Float
|
|