[GastForen Web allgemein HTML und CSS / Stylesheets Probleme mit float und clear

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Probleme mit float und clear

Martin1978
Beiträge gesamt: 2

8. Aug 2012, 14:13
Beitrag # 1 von 3
Bewertung:
(1525 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo liebe Gemeinde,
ich arbeite an einer Seite für einen Freund und komme mit den floats nicht weiter- schaut mal hier:

http://www.wild-wiest.de/stefan

Die Module auf der rechten Seite wurden auf float:left gesetzt, wird das Browserfenster verkleinert, so verschieben sich die Module und sollten nach unten rutschen. Es entstehen jedoch beim verkleinern des Browsers hässliche Lücken, die ich nicht haben möchte.

Das Modul "Stefan (Kopie)", das sich unter "Videos" befindet sollte unter "Bilder" stehen.

Schritt 2: Verkleinere ich das Fenster, so rutscht die Modulbox "Album" unter die Modulbox "Video" sollte jedoch unter "Bilder" aufgeführt werden


Kontrolliert habe ich dies mit dem ff, Chrom und ie


Falls jemand eine Idee hat würde ich mich über einen Rat freuen.

Schönen Gruß
Martin
X

Probleme mit float und clear

Markus Keller
Beiträge gesamt: 669

8. Aug 2012, 15:34
Beitrag # 2 von 3
Beitrag ID: #499113
Bewertung:
(1504 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

liegt es vielleicht daran, dass das "Modul" Bilder höher ist als die anderen Module?

Markus Keller


als Antwort auf: [#499110]

Probleme mit float und clear

Martin1978
Beiträge gesamt: 2

9. Aug 2012, 11:24
Beitrag # 3 von 3
Beitrag ID: #499169
Bewertung:
(1460 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
In der Tat Markus,

"Bilder" ist größer als alle anderen Module -soll auch so sein, da die Bilder Box mit Bilder gefüllt wird und nach unten hin Platz haben soll. Alle anderen Module sollen sich unter die Box hin schieben bzw. neben an Platz finden. Jedoch ohne hässliche Lücken.

Ich werde es mal mit der inline-block Methode ausprobieren.

Falls jemand noch eine Idee hat freue ich mich.

Gruß Martin


als Antwort auf: [#499113]

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
09.05.2023

Digicomp (Bern, Basel, Zürich)
Dienstag, 09. Mai 2023, 08.30 - 17.00 Uhr

Kurs

Sie verfügen über ein Abonnement der Creative Cloud, welches Adobe Acrobat DC Pro beinhaltet. Sind Sie unsicher, ob Ihre PDF Dateien für die jeweilige Druckausgabe geeignet sind? Lernen Sie in diesem Kurs das notwendige Rüstzeug für den sicheren Datenaustausch mit Druckdienstleistern. Erstellen Sie druckfähige PDF/X und prüfen Sie Ihre PDFs vor einer Weitergabe mit Acrobat DC Pro.

Dauer: 1 Tag
Preis: CHF 700.–, exkl. MWST

Ja

Organisator: Digicomp Academy AG

https://digicomp.ch/weiterbildung-media-communication/adobe/kurs-pruefen-von-druck-pdf-in-acrobat-dc-pro--basic

Prüfen von Druck-PDF in Acrobat DC Pro