enough: Opera regt mich auf: Gecko-Engine für Opera?

Beitrag lesen

SELF-Forum

Opera regt mich auf: Gecko-Engine für Opera?

enough
– Informationen zu den Bewertungsregeln

Und egal wie ich es mache, der Opera will nicht.

Wo klemmt's denn, magst du uns ein paar Problemstellen zeigen? Vielleicht lässt sich die falsche Darstellung im Opera ja zusammen beheben, und du kannst wieder stolz auf euch zwei sein.

okay:

index.php

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Index</title>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">  
<link rel="stylesheet" href="stil.css">  
</head>  
  
<body>  
<div class="header">Banner</div>  
  
<div class="navi_top">  
 <a href="#">Home</a>  
 <a href="#">Geneologie</a>  
 <a href="#">Aktivit&auml;ten</a>  
 <a href="#">G&auml;stebuch</a>  
 <a href="#">Impressum</a>  
</div>  
  
  
  
<div class="inhalt">  
  
 <div class="navi_left">  
  <span class="sup">Ueberpunkt</span>  
  <div>  
   <ul>  
   <li><a href="#">Unterpunkt</a></li>  
   <li><a href="#">Unterpunkt</a></li>  
   <li><a href="#">Unterpunkt</a></li>  
   </ul>  
  </div>  
  
  </div>  
  
abc  
</div>  
  
</body>  
</html>

==========================================

stil.css

  
body{  
 font-size:14px;  
 font-family:Arial, Helvetica, sans-serif;  
}  
  
.navi_top a{  
 background-image:url(img/png/btn.png);  
 background-repeat:no-repeat;  
 text-align:center;  
 text-decoration:none;  
  
 color:#8B3E2F;  
  
 display:block;  
 float:left;  
  
 width:100px;  
 padding-top:0.4em;  
 }  
  
.navi_top a:hover{  
 background-image:url(img/png/btn_hover.png);  
 color:#FFFFFF;  
}  
  
  
.header{  
 width:100%;  
 text-align:center;  
 line-height:2.5em;  
 font-size:16px;  
 border:1px solid #000000;  
 background-color:#FFFFFF;  
}  
  
.navi_top{  
 margin:1em 0 -0.3em 0.5em;  
 border:0;  
 font-weight:bold;  
}  
  
.inhalt{  
 border:1px solid #000000;  
 margin-left:0.15em;  
 clear:both;  
}  
  
.inhalt .sup{  
 background-image:url(img/png/sup_prof.png);  
 background-repeat:no-repeat;  
 text-align:center;  
 text-decoration:none;  
  
 color:#313131;  
 font-weight:bold;  
  
 display:block;  
 float:left;  
  
 width:150px;  
 padding-top:0.4em;  
}  
  
.navi_left{  
float:left;  
}  
  
  
.inhalt div{  
 margin-top:1em;  
}  
  
.inhalt div div{  
 width:139px;  
 border:1px solid #000000;  
 margin-left:0.4em;  
}

==========================================

Die gesamte Page ist noch nicht hochgeladen, deshalb kann ich die Bilder nur beschreiben:
                                _______
btn.png => 100x25 (BxH), Form: |_______|
btn_hover.png => gleich wie btn.png, nur andere Farbe
sup_prof.png => 150x25 (BxH), sonst gleich wie btn.png

Irgendeine Idee?

Beitrag melden
–
Informationen zu den Bewertungsregeln