Zentrieren

[aouhouashduo]

.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

[91ervans]

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 :

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.

<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

[JPGaming]

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


[NotEnoughForYou]

Originally Posted by JPGaming

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 )

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