mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 10:03 Benutzername: Passwort: Auto-Login

Thema: 3 divs nebeneinander vom 24.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 3 divs nebeneinander
Seite: Zurück  1, 2, 3, 4, 5  Weiter
Autor Nachricht
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 14:06
Titel

Antworten mit Zitat Zum Seitenanfang
also lt. deinem Beispiel ohne position arbeiten sondern alles float:left?

das versuche ich mal...
  View user's profile Private Nachricht senden
Nothingness

Dabei seit: 20.03.2007
Ort: -
Alter: 35
Geschlecht: Weiblich
Verfasst Fr 24.09.2010 14:10
Titel

Antworten mit Zitat Zum Seitenanfang
bacon hat geschrieben:
Zitat:
margin-left:10px;


+ floats sind im IE speziell, in der Horizontalen würde ich drauf verzichten.

Das stimmt. IE hat eh probleme mit float. Sollte nur ein Beispiel auf die Schnelle sein.

ripper_2001: Ja, das macht ja auch nur Sinn. Durch float positionierst du die Elemente dynamisch, durch position:absolute eher statisch. Beides gleichzeitig macht wenig Sinn. Das heißt natürlich nicht, dass du, wenn du float innerhalb einer Webseite benutzt, keine position mehr nutzen darfst. Nur angewandt auf ein Element ist es widersprüchlich.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 14:17
Titel

Antworten mit Zitat Zum Seitenanfang
so nun habe ich meine 3 divs mit float:left; bestückt und die position gelöscht.

wie man sehen kann, kein erfolg www.sg-germania-1915.de/index3.php
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 24.09.2010 14:20
Titel

Antworten mit Zitat Zum Seitenanfang
Nothingness hat geschrieben:
bacon hat geschrieben:
Zitat:
margin-left:10px;

+ floats sind im IE speziell, in der Horizontalen würde ich drauf verzichten.

Das stimmt. IE hat eh probleme mit float. Sollte nur ein Beispiel auf die Schnelle sein.

Im konkreten Fall ist das kein Problem, da margin (left) hier nicht dieselbe Richtung hat wie float (right).

Ansonsten ist auch nur der IE < 7 betroffen (ab Version 7 ist der Doubled-Float-Margin-Bug behoben), und der Bug kann per display: inline; behoben werden (am saubersten ins separate IE-CSS, aber auch im Standard-CSS schadet es zumindest nicht, da Floats eh automatisch auf Block-Level sind).

Zuletzt bearbeitet von heiko_rs am Fr 24.09.2010 14:20, 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 Fr 24.09.2010 14:24
Titel

Antworten mit Zitat Zum Seitenanfang
Ein Bsp

http://jsfiddle.net/5hWgh/1/

Zuletzt bearbeitet von Kash am Fr 24.09.2010 14:25, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 14:31
Titel

Antworten mit Zitat Zum Seitenanfang
also wenn ich mir das Beispiel so anschaue habe ich doch eigentlich nix falsch gemacht mit den DIVs oder?
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 14:39
Titel

Antworten mit Zitat Zum Seitenanfang
heiko_rs hat geschrieben:
Nothingness hat geschrieben:
bacon hat geschrieben:
Zitat:
margin-left:10px;

+ floats sind im IE speziell, in der Horizontalen würde ich drauf verzichten.

Das stimmt. IE hat eh probleme mit float. Sollte nur ein Beispiel auf die Schnelle sein.

Im konkreten Fall ist das kein Problem, da margin (left) hier nicht dieselbe Richtung hat wie float (right).

Ansonsten ist auch nur der IE < 7 betroffen (ab Version 7 ist der Doubled-Float-Margin-Bug behoben), und der Bug kann per display: inline; behoben werden (am saubersten ins separate IE-CSS, aber auch im Standard-CSS schadet es zumindest nicht, da Floats eh automatisch auf Block-Level sind).


Ich sehe da keinen Vorteil drin - vor allem, da man in der horizontalen keinen Nutzen aus dem Kollabieren der Abstände (wenn man's so übersetzen darf) ziehen kann - was in der vertikalen durchaus einen Unterschied macht zw. margin und padding.

Ich würde daher aus der Gewohnheit heraus immer padding > border (bei gleichem Hintergrund) > margin verwenden. Rein fachlich haste natürlich wie immer recht.

Zuletzt bearbeitet von bacon am Fr 24.09.2010 14:41, 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 Fr 24.09.2010 14:44
Titel

Antworten mit Zitat Zum Seitenanfang
ripper_2001 hat geschrieben:
also wenn ich mir das Beispiel so anschaue habe ich doch eigentlich nix falsch gemacht mit den DIVs oder?


Was bei dem Bsp fehlt, sorry, ist ein nachfolgendes Element welches den Float cleart.

http://jsfiddle.net/5hWgh/3/
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] 4 DIVS nebeneinander
[css] divs nebeneinander zentrieren
CSS / Newbie / DIVs nebeneinander positionieren?
3 Divs nebeneinander im Container auf einer Höhe?
2 Divs nebeneinander die zum Elternelement relativ sind?
mehrere divs nebeneinander ohne umbruch
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4, 5  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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB