Page 1 of 1
<DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Wed 13. Jul 2011, 11:18
by planetsuhl
Hallo zusammen, ich habe ein "kleines" Problem innerhalb meiner gewünschten Bildergalerie.
Und zwar sieht mein DIV Aufbau wie folgt aus:
Innerhalb meines mainBlock gibt es die folgende Struktur:
Mein mainBlock hat folgende Eigenschaften:
Code: Select all
#mainBlock {
width:800px;
\width: 800px;
w\idth: 800px;
margin: auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */
}
Wenn ich nun die Bilder über das CP Modul Bilder<div> einfließen lasse, dann bleiben die immer auf Links positioniert…
Ich kann tun und machen was ich will -> Im CP die Bildanordnung auf Zentrieren stellen,
nen übergeordnetes DIV anlegen etc. ich bekommen den Block Bilder nicht Zentriert - > so sieht das denn aus:
und ich hätte gerne die Bilder zwischen den Balken zentriert…
Kann mir einer noch einen Tip geben? Wo habe ich den Fehler?
Danke schonmal.
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Wed 13. Jul 2011, 14:57
by update
wie wär's mit
.images(margin:0 auto; width:90%;)
...mal so als Versuch...
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Thu 14. Jul 2011, 00:20
by Rainer G
Damit klappt es bei mir (allerdings bei einer Contao-Installation - sollte hier mit phpwcms aber auch gehen):
Code: Select all
.gallery table
{
margin-right:auto;
margin-left:auto;
text-align:center;
}
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Thu 14. Jul 2011, 11:01
by top
Rainer G wrote:Damit klappt es bei mir (allerdings bei einer Contao-Installation - sollte hier mit phpwcms aber auch gehen):
Code: Select all
.gallery table
{
margin-right:auto;
margin-left:auto;
text-align:center;
}
Das könnte funktionieren wenn die Bilder in einer Tabelle stecken. Meiner Meinung nach sind das aber keine Tabellendaten und demnach hat hier auch eine Tabelle nichts zu suchen.
Ohne Onlinebeispiel kann ich auch nur raten.
Sollte der Vorschlag von claus nicht klappen, versuch es mal mit:
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Thu 14. Jul 2011, 14:29
by planetsuhl
Danke soweit. Da die Page noch nicht Online ist, kann es leider auch kein Beispiel geben…
Ich werde heute Abend mal testen…
LG
S.
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Sun 17. Jul 2011, 19:35
by juergen
Rainer G wrote:Damit klappt es bei mir (allerdings bei einer Contao-Installation - sollte hier mit phpwcms aber auch gehen):
nee die haben ein Extra Condios CSS
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Mon 18. Jul 2011, 08:59
by update
Vielleicht sind die Mädels auf den Fotos auch einfrach nur allzu EXzentrisch und haben gar keine Mitte
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Mon 1. Aug 2011, 14:29
by planetsuhl
SO… Nun habe ich die Seite mal Onlinegestellt…
Im Detail möchte ich diese Galerien
http://www.petertaylor.de/index.php?shootingserie3 gerne mittig Zentriert haben…
Die befinden sich in einem DIV --- doch alle bisherigen Tipps helfen mir nicht weiter…
Hat jemand von Euch eine Idee, die mich weiterbringen würde?!
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Mon 1. Aug 2011, 17:32
by update
Wie wär's mit
Code: Select all
#mainBlock {
width:auto;
max-width:655px !important;
width:660px;
margin: auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthhe fr moderne Browser */
height:auto !important; /* Important Regel fr moderne Browser */
height:100%; /* Mindesthhe fr den IE */
overflow: hidden !important; /* FF Scroll-leiste */
}
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Mon 1. Aug 2011, 17:40
by top
claus wrote:Wie wär's mit
Code: Select all
#mainBlock {
width:auto;
max-width:655px !important;
width:660px;
margin: auto; /* Div soll zentriert werden */
min-height: 100%; /* Mindesthhe fr moderne Browser */
height:auto !important; /* Important Regel fr moderne Browser */
height:100%; /* Mindesthhe fr den IE */
overflow: hidden !important; /* FF Scroll-leiste */
}
Dann zerreist es ihm die anderen Seiten.
Deine Angaben also besser bei #images einfügen:
Code: Select all
#images {
width:auto;
max-width:655px !important;
width:660px;
margin: 0 auto;
}
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Mon 1. Aug 2011, 17:47
by update
genau!
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Tue 2. Aug 2011, 09:17
by planetsuhl
Hello… Danke für die Tips… Aber leider auch nicht von Erfolg gekrönt! Irgendetwas verhindert das das DIV zentriert dargestellt werden kann…
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Tue 2. Aug 2011, 10:18
by spielplan
Probier mal:
Code: Select all
#images {
margin-left: 10px;
}
<div id="images">
<div style="position: relative; margin-left: -327px; width: 655px; left: 50%">
Und unten das neue div dann noch schließen...
Viele Grüße, Spielplan
Re: <DIV>- Elemente mit Float:left -> trotzdem zentrieren…
Posted: Tue 2. Aug 2011, 14:21
by update
Mit was für einem Browser guckst Du Dir die Seite denn an?