|
|||
Nebeneinander floatende DIVs horizontal zentrieren
Gibt es vielleicht eine Möglichkeit, mehrere DIVs zwar links nebeneinander floaten zu lassen (sodass je nach Breite des Browsers mehr oder weniger Blöcke in einer Zeile angezeigt werden), das ganze (also alle Blöcke zusammen) jedoch trotzdem in die horizontale Mitte der Seite platziert wird!?
Leider habe ich noch nichts gefunden und alles, was ich bisher versucht habe, hat nicht geklappt. Es wird halt alles nach links ausgerichtet. Viel Code muss ich ja nicht posten. Ich schreib's jetzt einfach mal so: Code:
<div id="allesindiemitte"> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> </div>
__________________
Gruß, Sebastian |
Sponsored Links |
|
|||
Eigentlich war ich mir ja sicher das ich eine mögliche Lösung heute morgen gepostet habe. Aber irgendwie... war ich gegen 3:00 wohl doch nicht ganz wach. Ich würde ja gerne wissen wor der Post gelandet ist .
Code:
<style type="text/css"> .floatendebox { float:left; width:100px; } .floatendebox1 { float:left; width:100px; background-color:red; } #allesindiemitte { width:650px; margin:0 auto; } </style> </head> <body> <div id="allesindiemitte"> <div class="floatendebox1">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox1">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <div class="floatendebox1">[Überschrift und Bild]</div> <div class="floatendebox">[Überschrift und Bild]</div> <br style="clear:left;"/> </div> PS: Der Code ist um die selbe Zeit entstanden. Also keine Garantie auf gar nichts. |
|
|||
Code:
#allesindiemitte { position: relative; margin: 0 auto; width: Breite% } Die Sarah
__________________
Konfuzius sagt: \"Wer ständig glücklich sein möchte, muss sich oft verändern.\" ...Deswegen bin ich mit CSS so glücklich |
|
|||
Vielen Dank für die schnellen Antworten und sorry, dass ich erst jetzt antworte. Ich bin irgendwie in den letzten Tagen ein wenig versumpft in meinem Shop...
Also, es geht um die Unterkategorien auf z.B. folgender Seite: http://www.inngenium.net/outsourcing...hp?cPath=10309 Mit fester Breitenangabe, wie von euch angegeben, funktioniert das ganze auch wunderbar. Es soll jedoch so aussehen, dass man bei 800x600 nur 2 Boxen und bei 1280x1024 4 Stück nebeneinander hat, so wie es jetzt ist - dann ist die Site auch auf jedem Monitor schön anzusehen. Im Moment sieht es auch nicht wirklich schrecklich aus, aber wenn die Boxen in der Mitte wären, dann wäre eben alles perfekt. Außerdem frage ich mich schon lange, wie so etwas mit CSS umsetzbar ist, da ich ganz gerne breitenskalierte Layouts mache... Ein weiteres Problem ist, dass der IE bei mir das Padding um die Kategoriebilder einfach missachtet. Das kann ich mir nun wirklich nicht erklären, Ihr vielleicht? Ach so, noch was: Die stylesheet.css ist irrelevant, die Angaben befinden sich alle in der stylesheet_default.css !!!
__________________
Gruß, Sebastian |
|
|||
Zitat:
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Mehrere Divs in einem Layer nebeneinander zentrieren..? | michaf | CSS | 14 | 19.08.2013 02:02 |
3 divs nebeneinander zentrieren | machomaaan | CSS | 2 | 02.12.2012 10:51 |
Divs, welche links enthalten, nebeneinander zentrieren | azrax | CSS | 5 | 06.08.2011 11:36 |
Unbekannte Anzahl Divs in Liste anordnen und horizontal und vertikal zentrieren | Alien | CSS | 17 | 20.03.2011 11:23 |