Aktives Mitglied
Hallo zusammen,
ich habe da ein Problem: Ich habe eine Website erstellt die ich für alle IEs optimiert habe, aber in Opera sieht das ganze anders aus.
Sorry bis vor kurze stand hier noch der direkte Link, aber den musste aus rechtlichen Gründen jetzt leider den Link entfernen setze aber unten nochmals das Gerüst der HTML-Dateien rein. ich danke für Euer Verständnis
hier also der Quelltext:
und die dazugehörige CSS für FF:
In Firefox und IE ist alles OK, aber in Opera ist meine Navigation nicht mehr da, wo sie sein soll, sondern etwas nach oben verschoben. In Iron und Safari ist das Bild hinter der Navigation verschoben. Wie bekomme ich das denn weg. So viel ich weiß, gibt es für die Browser Opera, Safari und Iron ja keine Browserweichen. :'(
Wäre schon froh, wenn mir jemand für Opera behilflich sein könnte, bei Safari und Iron erachte ich die Darstellung durchaus noch als akzeptabel.
Kann mir da jemand bitte einen Tipp geben, woran es liegen könnte! Oder gibt es da nen Hack, den ich anwenden kann?
B.G. und vielen Dank im Voraus
Solla
ich habe da ein Problem: Ich habe eine Website erstellt die ich für alle IEs optimiert habe, aber in Opera sieht das ganze anders aus.
Sorry bis vor kurze stand hier noch der direkte Link, aber den musste aus rechtlichen Gründen jetzt leider den Link entfernen setze aber unten nochmals das Gerüst der HTML-Dateien rein. ich danke für Euer Verständnis
hier also der Quelltext:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<link rel="stylesheet" type="text/css" href="screen_seite.css">
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie_seite.css"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="ie8_seite.css"><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="ie6_seite.css"><![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>Titel</title>
</head>
<body>
<div id="counter"><!-- Start Counter2Go -->
<a href="http://www.counter2go.de" target="_blank" title="Kostenloser Counter"><img src="http://www.counter2go.de/counter/bild.php?cid=2699&a=b" border="0"></a>
<!-- Ende Counter2Go --></div>
<div id="wrapper"></div>
<div id="menu"><ul>
<li><a href="1.htm">1</a></li>
<li><a href="2.htm">2</a></li>
<li><a href="3.htm">3</a></li>
<li><a href="4.htm">4</a></li>
<li><a href="5.htm">5</a></li>
<li><a href="6.htm">6</a></li>
<li><a href="7.htm">7</a></li>
<li><a href="8.htm">8</a></li></ul></div>
<div id="inhalt">
<div id="werbung"><a href="http://www..../" target="_new"><img src="bild1.jpg" width="99" height="99" alt="Und#5"></a><br><br><p>
<a href="http://www.psd-tutorials.de/modules/Forum/46_x-html-css/46_x-html-css/46_x-html-css/..." title="..." target="_new"><img src="bild2.jpg" width="99" height="117" alt="..."></a><br><br><p>
<a href="http://www....." target="_new" title="..."><img src="bild3.jpg" width="98" height="101" alt="..."></a><br><br><p>
</div>
<div id="ie6"><font size="10"color="#e53b2b"><bTitel</b></font><img src="header.gif" height="154" width="895" border="0" alt="Bild wird geladen"><br><b><i>Um diese Website in vollem Umfang sehen zu können, müssen Sie bitte Ihren Browser aktualisieren.</i></b><br><br><br>
<ul><li><a href="1.htm">1</a></li>
<li><a href="2.htm">2</a></li>
<li><a href="3.htm">3</a></li>
<li><a href="4.htm">4</a></li>
<li><a href="5.htm">5</a></li>
<li><a href="6.htm">6</a></li>
<li><a href="7.htm">7</a></li>
<li><a href="8.htm">8</a></li></ul><br><br><br><br></div>
<div id="content"><h3>Überschrift </h3><br><br><br>
<h4>Text</h4>
Qui officia deserunt ut enim ad minim veniam, velit esse cillum dolore. Ut enim ad minim veniam, quis nostrud exercitation ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, in reprehenderit in voluptate consectetur adipisicing elit.<br>
<h4>Text:</h4>
Qui officia deserunt ut enim ad minim veniam, velit esse cillum dolore. Ut enim ad minim veniam, quis nostrud exercitation ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, in reprehenderit in voluptate consectetur adipisicing elit. Duis aute irure dolor excepteur sint occaecat sunt in culpa. Eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, ut enim ad minim veniam, in reprehenderit in voluptate. Ullamco laboris nisi ut aliquip ex ea commodo consequat. Mollit anim id est laborum. Cupidatat non proident. Ullamco laboris nisi excepteur sint occaecat duis aute irure dolor. Velit esse cillum dolore eu fugiat nulla pariatur.
<hr noshade><br><br><br><br><br><br><br><p>
</p>
</p><br><br>
</div></div><div id="footer"></div>
<!-- Piwik -->
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://.../piwik/" : "http://erste.buchenerkultnacht.de/piwik/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 1);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://erste.buchenerkultnacht.de/piwik/piwik.php?idsite=1" style="border:0" alt=""/></p></noscript>
<!-- End Piwik Tag -->
</body>
</html>und die dazugehörige CSS für FF:
Code:
#wrapper{top:-9px;
position: fixed;
height: 192px;
width: 904px;
background: url(header.gif) no-repeat;
z-index: 2;
left:-452px;
margin-left: 50%;
}
#menu {position: fixed;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-top:59px;
left: 50%;
width: 100%;
margin-left:-482px;
padding-left:5px;
z-index: 4;
color: white;
font-weight:bold;
font-size: 20px;
overflow: auto;
}
#content{
float: left;
background: #FFA07A;
padding: 140px 20px 10px 20px;
text-align: justify;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
min-height: 700px;
width: 730px;
left: 50%;
margin-left: 150px;
}
#werbung{..}
#werbung img{..}
#inhalt{
position: absolute;
...
}
#menu li{
display: inline;
text-decoration: none;
padding:0px;
}
#menu a {color: white;
font-weight:bold;
font-size: 70%;
text-decoration: none;
}In Firefox und IE ist alles OK, aber in Opera ist meine Navigation nicht mehr da, wo sie sein soll, sondern etwas nach oben verschoben. In Iron und Safari ist das Bild hinter der Navigation verschoben. Wie bekomme ich das denn weg. So viel ich weiß, gibt es für die Browser Opera, Safari und Iron ja keine Browserweichen. :'(
Wäre schon froh, wenn mir jemand für Opera behilflich sein könnte, bei Safari und Iron erachte ich die Darstellung durchaus noch als akzeptabel.
Kann mir da jemand bitte einen Tipp geben, woran es liegen könnte! Oder gibt es da nen Hack, den ich anwenden kann?
B.G. und vielen Dank im Voraus
Solla
Zuletzt bearbeitet:
)
