Zentrieren

03/11/2012 23:41 aouhouashduo#1
Code:
.header_main{
      background-image: url(img/header_Main.png);
      background-repeat: no-repeat;
      background-position: left top;
      padding-top:100%;
      margin-bottom:100%;
}
wie kann ich den Header jetzt zentrieren
03/12/2012 00:17 91ervans#2
Wenn du schon einen Header zentrieren willst, dann willst du wohl gleich die ganze Homepage zentrieren.

Ich hab das dann so in der style.css stehen :
Code:
html,body

div#center { 
    position:fixed; 
    left:50%; 
    top:50%; 
    height:600px; 
    width:955px; 
    margin-top:-300px; 
    margin-left:-478px; 
    background-color: #000000; 
 }
Vielleicht hilft es dir. Natürlich im BODY noch "<div id=center></div>" eintragen.

Das anzeigen des Headers könnte dann so aussehen.

Code:
<div style="position:absolute; top:50px; left:0px;"><a href="http://www.meine-page.de">
			<img src=images/header.png border=0></a></div>
Falls du Fragen hast kannst du mich auch gerne mal Pmen.

MfG 91ervans
03/12/2012 09:39 JPGaming#3
PHP Code:
.header_main{
      background-image: url(img/header_Main.png);
      background-repeat: no-repeat;
      background-position: left top;
      width:100%;
      margin:auto auto; /*Sollte das dann doch recht mittig zentrieren*/
} 
03/12/2012 16:06 NotEnoughForYou#4
Quote:
Originally Posted by JPGaming View Post
PHP Code:
.header_main{
      background-image: url(img/header_Main.png);
      background-repeat: no-repeat;
      background-position: left top;
      width:100%;
      margin:auto auto; /*Sollte das dann doch recht mittig zentrieren*/
} 
ein no-repeat, dann aber 100 % width ?

Ich nehme an, es soll oben mittig sitzen ( absolute mitte wäre ja schwachsinnig für nen header )

HTML Code:
#header_main {
background:url("img/header_Main.png") no-repeat;
width:die Weite eben;
height:die Höhe eben;
margin:0px auto;
}
@91ervans, du weisst schon, was position:fixed verursacht und das man absolute positionierungen vermeiden sollte? genauso sind positionierungen über % in diesem Fall eher ungünstig.

@te, wieso nutzt du eine Klasse? ich denke kaum, dass dein "Main Header" mehrmals vorkommt.