[HTML] Menü bei Mozilla und IE

summersky

hallo, ich hab ein kleines problem. und zwar sieht das menü bei IE total schrecklich aus und mit der
Hintergrundfarbe passt auch irgentwas nicht! Für alle die beide Internetbrowser nicht haben,
hab ich mal einen screen gemacht. Links ist IE, rechts Mozilla (Mozilla FTW =D). Kann mir einer sagen
wie man das ändern kann?

Edit / achja, eine andere homepage, die ich gecodet habe, sieht gleich aus <.<
ich wüsste aber nicht was ich anders gemacht haben sollte! ;o

.Dori

Kannst du mal den Code vom Menü, Iframe und css(falls vorhanden) reinstellen?

McLissy

Es liegt ganz einfach daran, dass du deine Page nur auf einen Browser anpassen kannst, weil FF und IE beide mit anderen Darstellungen arbeiten.

Also entweder schön im FF (empfehlenswert) oder im IE.

summersky

also hier mal der code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:

<html>
                                                                                                                                                                       <style type="text/css">
                                                                                                                                                                       <!--
                                                                                                                                                                       body {
                                                                                                                                                                       scrollbar-face-color: ;
                                                                                                                                                                       scrollbar-highlight-color: ;
                                                                                                                                                                       scrollbar-3dlight-color: ;
                                                                                                                                                                       scrollbar-darkshadow-color: ;
                                                                                                                                                                       scrollbar-shadow-color: ;
                                                                                                                                                                       scrollbar-arrow-color: ;
                                                                                                                                                                       scrollbar-track-color: ;
                                                                                                                                                                       }
                                                                                                                                                                       a:link, a:visited, a:active {
                                                                                                                                                                       color: #5a4e3f;
                                                                                                                                                                       font-weight: bold;
                                                                                                                                                                       text-decoration: none;
                                                                                                                                                                       }
                                                                                                                                                                       a:hover {
                                                                                                                                                                       color: #899d60;
                                                                                                                                                                       letter-spacing: 1px;
                                                                                                                                                                       font-style: none;
                                                                                                                                                                       text-decoration: none;
                                                                                                                                                                       }
                                                                                                                                                                       -->
                                                                                                                                                                       </style>
                                                                                                                                                                       <head>
                                                                                                                                                                       <title></title>
                                                                                                                                                                       </head>
                                                                                                                                                                       <body bgcolor="#899d60" topmargin="0" leftmargin="0">
                                                                                                                                                                       <img src="http://i44.tinypic.com/157yw4.png">
                                                                                                                                                                       <div style="overflow: auto; position: absolute; width: 530; height: 400; left: 253; top: 115"> 
                                                                                                                                                                       <font face="verdana" size="1" color="#5a4e3f">%content%</font></font> 
                                                                                                                                                                       </div> 
                                                                                                                                                                       
                                                                                                                                                                       <div style="overflow: auto; position: absolute; width: 170; height: 300; left: 800; top: 255"
                                                                                                                                                                       <font face="verdana" size="2,5" color="#5a4e3f"><p align="right">%navigation_v%</p></font>
                                                                                                                                                                       </div>
                                                                                                                                                                       
                                                                                                                                                                       </body>
                                                                                                                                                                       
                                                                                                                                                                       </html>

und, ehm, Gestuet Sonnenthal... ich versteh nicht ganz. peinlich großes Grinsen

also ich kenn mich damit nicht wirklich so gut aus. alles was ich hinbekommen hab ist der code oben =D

summersky

miep?

McLissy

Naja du kannst halt nur für einen Webbrowser deine Page optimieren, sprich optimal darstellen lassen.
Entweder du passt die Farbe z.B. dem IE an oder FF. Beides geht nicht, weil die mit verschiedenen Darstellungen arbeiten.

Und die Änderung von scrollbars, wie hier n deinem Code, können nur im IE funktionieren, weil FF das nicht mit sich machen lässt.
Also das mit den Farben z.B. liegt nicht an deinem Code, sondern am Browser dann.

Noch Fragen? smile

McLissy

oh-kay.

Wieder wat klüger.

summersky

scrollbalken sind mir bums.

nur dieses abartige menü sollte schon normal sein.
leider versteh ich gerade nur bahnhof von dem was du gesagt hast :o

summersky

klingt... schonmal ganz gut. nur, wie gesagt, alles was ich hinbekommen hab ist der code von oben.
anderes kann man von mir auch nicht erwarten :/ kenn mich mit dem zeug nicht wirklich aus.

summersky

danke <3

das hat sich dann schonmal erledigt! smile

Forensoftware: Burning Board, entwickelt von WoltLab GmbH