Seite 1 von 1

div background zentrieren

Verfasst: 15.04.2012 12:37
von Velcra
Heyho Leute

Könnt ihr mir ma kurz auf die Sprünge helfen? Ich bin grad dran meine Seite auf min-width und max-width einzustellen, und dabei verkleiner ich halt feste Grafiken, die selber dazugepappt hab.
Jetzt hatt ich das die ganze Zeit so festgelegt:

Code: Alles auswählen

<div style="background-image:url(images/eibi/bg.png); margin:0px; padding:10px; background-repeat:no-repeat">
<h1 style="text-align:center;color:#000000">{SITE_DESCRIPTION}</h1>
</div>
Klappt auch ganz gut. Bisher hab ich halt keine Ausrichtung benötigt, weil ich das Bild einfach auf meine Forenbreite gemacht hab und gut. Ich habs jetz mit den padding und margin versucht, sobald ich da was veränder, is der Text nich mehr in der Grafik, oder die Grafik verbaut sich seltsam durch mehrere Zeilen usw. Wie krieg ich das blöde Pic nun stinknormal zentriert? Muss ich ne Klasse verteilen die dann in der css den Befehl hat?

Re: div background zentrieren

Verfasst: 15.04.2012 13:18
von Crizzo
Hi,

da du für das <div> schon inline-Styles nutzt, kannst du dort auch einfach background-position ergänzen, damit kannst du das Hintergrundbild ganz einfach zentrieren.

Grüße

Re: div background zentrieren

Verfasst: 15.04.2012 13:38
von Velcra
:D So einfach kann das Leben sein. Hab mich ewig in den scheiß Klassen aufgehalten oder eben table Zeugs, ich dank dir :)