[HTML] HP im MF problemlos angezeigt, jedoch nicht im IE

pfinE

Hallo,
wir haben gestern unseren Hof neu eröffnet. Das Design usw. wurde alle sselber gecodet. Da die Besi und ich mit dem Mozilla Firefox arbeiten, haben wir leider nicht dran gedacht uns das ganze mal im Internet Explorer anzusehen. Dann kamen nach und nach Meldungen wie "Ich kann nichts lesen, weil fettgeschriebene Schrift weiß umrandet ist", usw. Ich habe dann nachgeguckt und bei mir war das auch so.
Hier die Seite: klick

Und hier der Code der index.html:

php:

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:

<HTML>
    <HEAD>
        <TITLE>Sportpferde Rosenberg</TITLE>
    </HEAD>
    <BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" BGCOLOR=#596872>
    <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
        <TR>
        <TD><IMG WIDTH="1024" HEIGHT="640" SRC="Desi_Winter_2.png" USEMAP="#Map1" BORDER="0"></TD>
    </TR>

    </TABLE>
    <MAP NAME="Map1">
    <AREA SHAPE="rect" COORDS="421,93,530,136" HREF="http://turnierelala.bplaced.net/Design/turniere.html" TARGET="menue"></AREA>
    <AREA SHAPE="poly" COORDS="484,49,488,50,500,62,505,70,503,78,496,85,490,87,486,86,485,84,481,84,480,86,470,88,460,87,454,93,446,94,439,88,434,88,428,84,426,80,427,60,431,53,436,51,442,51,447,53,452,51,458,51,465,58,474,60,478,54,484,49" HREF="http://turnierelala.bplaced.net/Design/pferde.html" TARGET="menue"></AREA>
    <AREA SHAPE="poly" COORDS="485,2,497,8,502,13,505,13,513,4,517,3,527,13,535,13,539,15,547,24,547,30,539,40,521,41,517,40,516,38,512,38,511,40,507,41,488,40,484,41,477,48,469,48,463,46,460,42,456,40,431,41,425,38,423,34,423,24,430,10,433,7,465,6,476,9,485,2" HREF="http://turnierelala.bplaced.net/Design/mitglieder.html" TARGET="menue"></AREA>
    <AREA SHAPE="poly" COORDS="350,48,358,50,364,58,364,62,360,71,359,88,354,93,344,93,340,91,335,85,326,88,318,87,313,82,310,82,306,86,300,86,297,83,293,83,282,88,276,88,270,85,264,76,266,56,272,50,282,50,290,53,295,58,304,58,311,62,313,56,320,51,325,53,328,53,330,51,336,51,342,56,350,48" HREF="http://turnierelala.bplaced.net/Design/hof.html" TARGET="menue"></AREA>
    <AREA SHAPE="poly" COORDS="338,94,340,94,346,99,358,95,362,98,364,104,367,107,372,105,381,106,386,104,398,106,400,108,402,122,401,130,398,136,394,139,384,140,375,133,353,131,346,133,326,133,321,131,308,132,298,130,292,133,272,133,268,132,264,126,264,120,269,113,272,102,279,97,286,95,290,97,297,106,305,107,308,105,321,106,328,104,338,94" HREF="http://turnierelala.bplaced.net/Design/anmeldung.html" TARGET="menue"></AREA>
    <AREA SHAPE="poly" COORDS="278,4,284,4,287,6,289,6,290,4,294,4,298,6,300,11,304,14,314,13,325,15,330,13,336,16,343,30,340,35,330,39,299,38,288,43,278,42,274,40,266,30,266,22,278,4" HREF="http://turnierelala.bplaced.net/Design/home.html" TARGET="menue"></AREA>
</MAP>

<div id="Layer1" style="position: absolute;  left: 20px; top: 18px;">
  <iframe src="home.html" name="menue" width="212" height="354" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#FFFFFF)" ;>
  </iframe>
</div>

<div id="Layer1" style="position: absolute;  left: 252px; top: 147px;">
  <iframe src="/Textseiten/Willkommen.html" name="main" width="753" height="465" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#FFFFFF)" ;>
  </iframe>
</div>
</BODY>
</HTML>

Ich hoffe, dass mir jemand sagen kann, wie man das im IE wegkriegt.
LG, Iselu

pfinE

Ich habe den 7er. Und wenn man dann z.B. auf 'Der Hof' geht, wird die Überschrift 'Anlage' mit weißer Umrandung angezeigt.

pfinE

Um das hier noch einmal hochzuschieben.
Im Anhang ein Screen. Für diejenigen, die es anscheinend richtig sehen.
Das Problem ist rot umrandet.

pfinE

Auf jeder Seite ändern!? Oh Gott ... O_O
Aber danke Jeanny. (:

pfinE

Das mit dem CSS ist kein Problem, die sind schon in jeder Seite verankert.
Ich probiere mal rum. (:

Medic Droid

Zitat:

Original von BlackTear
Erstelle für jeden Frame eine CSS Datei (z.B. style_main.css, style_navi.css und style_untermenue.css) und baue dann den jeweiligen Hintergrund ein. Müsstest dann, wenn du bereits auf jeder Seite die selbe CSS Datei hast, nur Navi und Untermenü andern und eben die andere CSS zuweisen.
In den 3 CSS Dateien fügst du dann die 3 verschiedenen Hintergründe ein und schon hast du es überall transparent und vergiss nicht den Chroma Filter rauszunehmen, da der Fehler sonst bestehen bleibt Augenzwinkern

Bei weiteren Fragen kannst du mir auch gerne eine PN schreiben.

Geht auch einfacher Augenzwinkern

Arbeite einfach mit id oder class in der CSS.

pfinE

Ok, danke noch an euch beide. Werde dieses Wochenende wohl mal ein bisschen rumtüfteln. (: