El Supremo: Element nur in Opera richtig positioniert

Beitrag lesen

SELF-Forum

Element nur in Opera richtig positioniert

El Supremo
– Informationen zu den Bewertungsregeln

So, ich habe jetzt ein wenig weitergebastelt und die Image Tags durch Div Tags mit Backgroundimage ersetzt. Könnte sich vielleicht mal jemand den Code ansehen und mir sagen, ob bzw. was daran noch unsauber ist?

Hier kann man sich das ganze auch "in Aktion" ansehen.

<!DOCTYPE HTML PUBLIC  
   "-//W3C//DTD HTML 4.01//EN"  
   "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
 <head>  
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
  <meta http-equiv="Content-Style-Type" content="text/css">  
  <title>Test</title>  
  <link rel="stylesheet" type="text/css" href="formatierung.css">  
 </head>  
 <body>  
 <div class="backgroundbox">  
  <div class="backgroundbox_oben"></div>  
  <div class="contentbox">  
  <img src="header.gif" class="header" alt="SSV Auenstein, Abteilung Tischtennis" width="621" height="101">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  
  </div>  
  <div class="backgroundbox_unten"></div>  
 </div>  
 </body>  
</html>

Und die Stylesheets:

body  
 {  
  background-image:url(hintergrund.jpg);  
  background-attachment:fixed;  
  background-repeat:repeat;  
  margin-top:35px;  
  margin-bottom:35px;  
 }  
  
.backgroundbox  
 {  
  position:relative;  
  width:750px;  
  margin-left:auto;  
  margin-right:auto;  
  background-image:url(background_gesamt.jpg);  
  background-repeat:repeat-y;  
  border-style:solid;  
  border-color:red;  
  border-width:1px;  
 }  
  
.backgroundbox_oben  
 {  
  background-image:url(rahmen_oben.gif);  
  width:750px;  
  height:100px;  
  position:absolute;  
  top:0px;  
  left:0px;  
 }  
  
.backgroundbox_unten  
 {  
  background-image:url(rahmen_unten.gif);  
  width:750px;  
  height:100px;  
  position:absolute;  
  bottom:0px;  
  left:0px;  
 }  
  
.contentbox  
 {  
  margin-left:100px;  
  margin-right:100px;  
  padding-top:25px;  
  padding-bottom:25px;  
  position:relative;  
  text-align:justify;  
 }  
  
img  
 {  
  display:block;  
 }  
  
.header  
 {  
  position:relative;  
  left:-35px;  
  margin-bottom:35px;  
 }

Ein kleines Problem gibts auch noch. Im IE ist die "backgroundbox" breiter als sie sein sollte. Um das zu verdeutlichen auch der rote Rahmen. Laut eigentlichger Breitenangabe wäre sie genauso breit wie der schwarze Rahmen.
Übrigens würde mich noch sehr interessieren, was Cheatah an der Verwendung von Klassennamen aus zu setzen hatte. Ich bin mir in der Hinsicht keines Fehlers bewusst.

Wäre schön, wenn mir da jemand weiterhelfen könnte.

--
Ich weiß, dass ich nichts weiß. (Sokrates)
Beitrag melden
–
Informationen zu den Bewertungsregeln