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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 22:58 Benutzername: Passwort: Auto-Login

Thema: DIVs zentrieren vom 30.03.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> DIVs zentrieren
Autor Nachricht
Monkey
Threadersteller

Dabei seit: 12.07.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 30.03.2009 10:18
Titel

DIVs zentrieren

 Antworten mit Zitat Zum Seitenanfang
Hi!

Suche habe ich benutzt, aber nix gefunden, bzw. was gefunden was nich geholfen hat.

Also zum Problem:
Habe ein DIV-Container, da sollen dann viele kleine DIVs rein, maximal 4 nebeneinander. Und diese sollen dann alle den gleichen Abstand links und rechts haben...

Code:
bla {
float: left;
margin: 0 auto;
}

<div style="width:100%;">
  <div class="bla">inhalt</div>
  <div class="bla">inhalt</div>
  <div class="bla">inhalt</div>
  <div class="bla">inhalt</div>
</div>


Wenn das jetzt 7 DIVs sind, ist dann ein <br /> die einzige Möglichkeit oder geht das auch besser?


grz
Monkey
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mo 30.03.2009 10:24
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.smashingmagazine.com/2009/03/23/ask-sm-equal-spacing-css-image-replacement-max-side-on-images/ (Punkt 1)

oder

http://css-tricks.com/equidistant-objects-with-css/ (PASS: First on the left, float the rest right in equal size boxes)
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Noize

Dabei seit: 11.08.2007
Ort: Ulm
Alter: 41
Geschlecht: Männlich
Verfasst Mo 30.03.2009 12:18
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

bla {
float: left;
margin: 0 auto;
width:25%;
}

<div style="width:100%;">
  <div class="bla">inhalt</div>
  <div class="bla">inhalt</div>
  <div class="bla">inhalt</div>
  <div class="bla">inhalt</div>
</div>


du musst dann auch deine internen divs so definieren dass auch nur 4 reinpassen.
das ist nur ein bsp von mir
  View user's profile Private Nachricht senden
 
Ähnliche Themen [css] divs nebeneinander zentrieren
2 Divs auf Seite zentrieren
Zentrieren von floating DIVs
Divs auf Seite fest zentrieren
Mehrere floatende DIVs zentrieren...
3 DIVs im übergeordnetem DIV zentrieren & fixieren? HELP!
Neues Thema eröffnen   Neue Antwort erstellen
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