Alex: Falsche dartsellung: Fehlermeldung 404.

Hallo,

ich habe mir hier Error 404 die
Fehlermeldung gebastelt. Die sieht in Fx 3.5.1 und in Opera 9.64 richtig mittig aus.

Diese Browser:

Apple Safari 4.02
Chrome 2.0.172.39
IE 7.0.xxxx

"denken" sich was anderes...

Was mache ich falsch?

  
p {  
	width : 480px;  
	text-align : justify;  
	background: transparent;  
}  
  
.mainbox {  
	position: absolute;  
	top: 50%;  
  left: 50%;  
	margin-top: -276px;  
  margin-left: -417px;  
  width: 834px;  
	height: 552px;  
	background : #333333;  
}  
  
.box {  
	position: relative;  
}  
  
.imgbox {  
	position: relative;  
	top: 50%;  
  left: 50%;  
  margin-top: 0px;  
  margin-left: -417px;  
  width: 834px;  
	height: 546px;  
	background: url('../images/randlogo.php') no-repeat bottom center;  
}  
  
.box h1, .box p {  
	position: relative;  
	margin : 0 10px;  
}  
  
.box h1 {  
	font-size : 150%;  
	color : #000000;  
}  
  
.box .top, .box .bottom {  
	display : block;  
	background : #666666;  
}  
  
.box .top b, .box .bottom b {  
	display : block;  
	height : 1px;  
	overflow : hidden;  
	background : #333333;  
}  
  
.box .r1 {  
	margin : 0 5px;  
}  
  
.box .r2 {  
	margin : 0 3px;  
}  
  
.box .r3 {  
	margin : 0 2px;  
}  
  
.box .top .r4, .box .bottom .r4 {  
	margin : 0 1px;  
	height : 2px;  
}  
  

Danke für die Tipps.

  1. Hallo,

    Sie sollten den Aufbau Ihrer Seite überarbeiten. Hier ein Ansatz, mit dem Sie neu beginnen können:

    <div class="mainbox"></div>

    .mainbox {  
    	background: #333333 none no-repeat scroll 0 0;  
    	background-image: url('../images/randlogo.php');  
    	height: 552px;  
    	width: 834px;  
    	margin: auto; /* zentrale horizontale Ausrichtung */  
    	position: relative;  
    }
    
    1. Hallo,

      <div class="mainbox"></div>

      .mainbox {

      background: #333333 none no-repeat scroll 0 0;
      background-image: url('../images/randlogo.php');
      height: 552px;
      width: 834px;
      margin: auto; /* zentrale horizontale Ausrichtung */
      position: relative;
      }

        
      damit werde ich nichts erreichen. Haben Sie es ausprobiert? Alles wird nach links eingerückt und die Anzeige landet in der linken oberen Ecke...