Antworten auf deine Fragen:
Neues Thema erstellen

div in div zentrieren und bilder align: left

_tnt_

pixel!

tach,

Code:
<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

Aktives Mitglied

AW: div in div zentrieren und bilder align: left

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

sokie

Mod | Web

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_

pixel!

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

offline

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


HTML:
<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>

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

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

_tnt_

pixel!

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

offline

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
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.613
Beiträge
1.538.345
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben