<DIV>- Elemente mit Float:left -> trotzdem zentrieren…

[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.

[update]

wie wär's mit
.images(margin:0 auto; width:90%;)

...mal so als Versuch...

[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;
}

[top]

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:

Code: Select all

.images { padding-left: 84px; }

[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.

[juergen]

Damit klappt es bei mir (allerdings bei einer Contao-Installation - sollte hier mit phpwcms aber auch gehen):

nee die haben ein Extra Condios CSS

[update]

Vielleicht sind die Mädels auf den Fotos auch einfrach nur allzu EXzentrisch und haben gar keine Mitte

[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?!

[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%; /* 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 */
	}

[top]

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%; /* 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 */
	}

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; 
}

[update]

genau!

[planetsuhl]

Hello… Danke für die Tips… Aber leider auch nicht von Erfolg gekrönt! Irgendetwas verhindert das das DIV zentriert dargestellt werden kann…

[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

[update]

Mit was für einem Browser guckst Du Dir die Seite denn an?