nicht angemeldet
Probleme mit pixelgenauem Ausrichten bei Opera
Hallo,
bitte seht euch mal folgende Seite an :
http://212.17.119.105/ELD/frameset.html
Mozilla und IE stellen es pixelgenau richtig dar, aber der Opera verschiebt die Links um 2 Pixel nach oben. Hier wäre der Code :
---CSS------------------
body {background-color:#000000}
table{width:100%; position:absolute; margin:0px 0px}
td{}
.oben {background-image:url(eldbanner.gif);background-repeat:no-repeat; width:100%; height:120px}
.buttons{background-image:url(schmalerbalkenloch.gif);background-repeat:no-repeat; width:100%; height:60px}
img {border:0px}
#nr1 {position:absolute; top:137px; left:15px}
#nr2 {position:absolute; top:137px; left:106px}
#nr3 {position:absolute; top:137px; left:262px}
#nr4 {position:absolute; top:137px; left:366px}
#nr5 {position:absolute; top:137px; left:489px}
#nr6 {position:absolute; top:137px; left:613px}
---------------Hauptteil--------------------
<html>
<head>
<link rel="stylesheet" type="text/css" href="settings.css">
<script src="changer.js" type="text/javascript"></script>
<title>Elite of Dune</title>
</head>
<body>
<table>
<tr>
<td class="oben">   </td>
</tr>
<tr>
<td class="buttons">
<div id="nr1"><a href="news.cgi" target="main"><img src="newsdark.gif" width="86" height="35"></a></div>
<div id="nr2"><a href="members.cgi" target="main"><img src="membersdark.gif" width="150" height="35"></a></div>
<div id="nr3"><a href="rules.html" target="main"><img src="rulesdark.gif" width="99" height="35"></a></div>
<div id="nr4"><a href="forum.cgi" target="main"><img src="forumdark.gif" width="118" height="35"></a></div>
<div id="nr5"><a href="icqlist.cgi" target="main"><img src="icqlistdark.gif" width="118" height="35"></a></div>
<div id="nr6"><a href="join.cgi" target="main"><img src="joindark.gif" width="99" height="35"></a></div>
</td>
</tr>
</table>
</body>
</html>
Kann ich das überhaupt so exact ausrichten, daß Opera es auch versteht ?
-
Hi,
Probier es doch mal so:
Keine Angaben in "%" sonder genaue Pixelwerte und deine Grafiken auch mit CSS. (also nicht --> width="??" height="??" sondern --> style="height:??px;width:??px;").
In dein BODY-Tag solltest du außerdem noch "margin:0px;" mit einfügen.Sollte funktionieren.
Wenn nicht, dann ??Gruß Lycox
-
Hallo,
Keine Angaben in "%" sonder genaue Pixelwerte und deine Grafiken auch mit CSS. (also nicht --> width="??" height="??" sondern --> style="height:??px;width:??px;").
In dein BODY-Tag solltest du außerdem noch "margin:0px;" mit einfügen.Das mit dem Body hab ich versucht, sowie im td tag direkt mit style formatieren, aber da hat es genauso nicht geklappt. Ich muss bei der Breite % angeben, daß sich die Seite dynamisch auf die Bildschrimauflösungen einstellt. Der Opera macht überhaupt seltsame Sachen. Nichmal die Links funktionieren (hab mittlerweise onMouseOver usw eingefügt). Weder die Highlight Grafiken, noch die Links an sich funktionieren. Ich hab sogar den Opera deinstalliert und neu installiert, aber der Browser scheint mich irgendwie nicht zu wollen, wie ich ihn.
-
Moin!
Das mit dem Body hab ich versucht, sowie im td tag direkt mit style formatieren, aber da hat es genauso nicht geklappt. Ich muss bei der Breite % angeben, daß sich die Seite dynamisch auf die Bildschrimauflösungen einstellt. Der Opera macht überhaupt seltsame Sachen. Nichmal die Links funktionieren (hab mittlerweise onMouseOver usw eingefügt). Weder die Highlight Grafiken, noch die Links an sich funktionieren. Ich hab sogar den Opera deinstalliert und neu installiert, aber der Browser scheint mich irgendwie nicht zu wollen, wie ich ihn.
Sorry, daß ich deutliche Worte sage: So wie du das realisiert hast, ist es Mist.
Du solltest dich entscheiden: Entweder nimmst du eine Tabelle zum Layouten, oder (positionierte) <div>-Layer. Aber keinesfalls beides gemischt!
Also: Entweder hast du eine Tabelle mit netten Grafiken drin, welche aufgrund möglicher Positionsabweichungen beim Gitternetz keinerlei Zwischenraum haben (alles sind Links), oder du packst mehrere DIVs übereinander, zuunterst einen mit Hintergrundbild, und alle positioniert - nur dann gleichen sich mögliche Pixelabweichungen aus, weil sie bei allen DIVs gleichmäßig wirksam werden.
Netscape 4 hat übrigens möglicherweise Probleme, in Tabellen eingeschlossene positionierte Layer darzustellen - zumindest wenn in diesem Layern wieder Tabellen sind.
- Sven Rautenberg
-
Hi,
habs jetzt so gelöst, ich hoffe das passt so:<div style="position:absolute; top:0px; left:0px; background-image:url(eldbanner.gif);height:120px; width:100% ;background-repeat:no-repeat">   </div>
<div style="position:absolute; top:120px; left:0px; background-image:url(schmalerbalkenloch.gif); height:60px;width:100%; background-repeat:no-repeat">   </div>Auf jeden Fall funktionierts jetzt auch im Opera und die Links sogar auch =)
-
-
-