div in div zentrieren und bilder align: left

[_tnt_]

tach,

<div id="mainb">
<div id="bildercenter">
					
<img src="bilder/001.png" height="auto" width="auto">
<img src="bilder/002.png" height="auto" width="auto">
<img src="bilder/003.png" height="auto" width="auto">
<img src="bilder/004.png" height="auto" width="auto">
<img src="bilder/005.png" height="auto" width="auto">
<img src="bilder/006.png" height="auto" width="auto">
<img src="bilder/007.png" height="auto" width="auto">
<img src="bilder/008.png" height="auto" width="auto">
					
</div>
</div>

hab die bilder so eingebunden. jetzt ist es so, dass 3 bilder nebeneinander stehen (aufgrund der größe vom div bereich).

jetzt wär es so, dass die die bilder alle links wären und rechts wär nichts. also hab ich im css:

#bildercenter {
text-align: center;
}

jetzt sind die bilder allte mittig. nur die letzte reihe der bilder ist jetzt auch zentriert. sieht etwas komisch aus.

so siehts jetzt aus:

x_x_x
x_x_x
_x_x_

ich möchts aber so:

x_x_x
x_x_x
x_x

freue mich über jeden tipp.

_tnt_

 

[netbandit]

AW: div in div zentrieren und bilder align: left

bildcenter feste breite (so breit wie drei bilder) und zusätzlich margin: 0 auto

 

[_tnt_]

AW: div in div zentrieren und bilder align: left

möchte das die breite flexibel bleibt.

 

[sokie]

AW: div in div zentrieren und bilder align: left

zum zentrieren eines Blockelements (hier div) brauchst du die breite des elements, deshalb kann die nicht fleixbel sein.

 

[_tnt_]

AW: div in div zentrieren und bilder align: left

jop deshalb hab ich es auch schon mit span probiert. gibts für dieses problem ne lösung?

 

[Herr_D]

AW: div in div zentrieren und bilder align: left

jop deshalb hab ich es auch schon mit span probiert. gibts für dieses problem ne lösung?

Haben die Bilder eine feste Größe?

Wenn ja, dann könntest du in den div ein p wahlweise einen div einfügen mit fester Breite...

<div id="mainb">
<div id="bildercenter">

        <p><img src="bilder/001.png" height="auto" width="auto">
        <img src="bilder/002.png" height="auto" width="auto">
        <img src="bilder/003.png" height="auto" width="auto">
        <img src="bilder/004.png" height="auto" width="auto">
        <img src="bilder/005.png" height="auto" width="auto">
        <img src="bilder/006.png" height="auto" width="auto">
        <img src="bilder/007.png" height="auto" width="auto">
        <img src="bilder/008.png" height="auto" width="auto"></p>

</div>
</div>

#bildercenter {
text-align: center; /* Zentrierung alte Browser */
}

#bildercenter p {
width: 600px; /* 3x Bildbreite + Anstände */
margin: auto;
text-align:left;
}

 

[_tnt_]

AW: div in div zentrieren und bilder align: left

jop habs jetzt eh so gemacht wie du es beschrieben hast. dann wird hald nix mit flexibler breite.

was meinst du damit:
text-align: center; /* Zentrierung alte Browser */

gibts was anderes auch noch?

 

[Herr_D]

AW: div in div zentrieren und bilder align: left

jop habs jetzt eh so gemacht wie du es beschrieben hast. dann wird hald nix mit flexibler breite.

was meinst du damit:
text-align: center; /* Zentrierung alte Browser */

gibts was anderes auch noch?

Siehe meine Signatur


Eigentlich reicht es, wenn du ein Blockelement (p, div) per margin ausrichtest... die alten Browser (IE≤6) interpretieren das aber nicht. Darum gibt man zusätzlich ein text-align:center;




du könntest bei nicht durch 3 teilbaren bilderzahlen natürlich ein clear.gif einsetzen 1x1 px transparent auf Größe skaliert... dann kannst du alles so lassen wie oben

 

[_tnt_]

AW: div in div zentrieren und bilder align: left

ok - danke