mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 26.04.2024 16:44 Benutzername: Passwort: Auto-Login

Thema: CSS float und Zeilenumbruch-Problem vom 24.06.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS float und Zeilenumbruch-Problem
Seite: 1, 2, 3  Weiter
Autor Nachricht
SURE612
Threadersteller

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:04
Titel

CSS float und Zeilenumbruch-Problem

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:07
Titel

Antworten mit Zitat Zum Seitenanfang

Bitte poste das Online Bsp oder zumindest den Quelltext
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SURE612
Threadersteller

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:15
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nel

Dabei seit: 18.09.2004
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:16
Titel

Antworten mit Zitat Zum Seitenanfang

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 11:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:17
Titel

Antworten mit Zitat Zum Seitenanfang

Clearst Du auch die Floats?

Zeig doch mal einen Bildschirmabzug wie sich der Umbruch auswirkt.
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:21
Titel

Antworten mit Zitat Zum Seitenanfang

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 11:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
SURE612
Threadersteller

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:27
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Do 24.06.2010 11:39
Titel

Antworten mit Zitat Zum Seitenanfang

Ein Online-Beispiel Deines aktuellen Versuches wäre deutlich hilfreicher.
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS: float:right + zeilenumbruch
float problem
float Problem
IE float problem?
img ul float problem
Problem mit Float
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.