Gegen Bilderklau - Das Original | Druckvorschau: Für IE Optimieren?

Geschrieben von goldenpegasus am 07.01.2007 um 14:35:

Fragezeichen

Für IE Optimieren?

HuHu

Ich habe wiedermal ein Problem, da ich anscheinend zu blöd dafür bin x]
Also, ich habe mein Design gecodet. Und das ist irgendwie für Mozilla optimiert. Schätze ich zumindest. Ich möchte es aber für IE optimiert haben, da ich selbst auch IE hab. Mein Problem ist ich weiß nicht wie ich das anstellen soll x]
Jetzt sind alle Frames weiß. Siehe: http://guthimmelswiese.gu.funpic.de/Gut%20Navado.html

Designcode

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Gut Navado</title>
<style type="text/css">
body, td, input { background-color: transparent;
}
</style>
</head>
<body>

<style>
body { scrollbar-face-color: #B8C8AC;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #B8C8AC;
scrollbar-darkshadow-color: #B8C8AC;
scrollbar-shadow-color: #B8C8AC;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #B8C8AC;
</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Gut Navado</title>

<img src="http://guthimmelswiese.gu.funpic.de/GutNavado.jpg" align="left" border="0">

<div id="Layer1" style="position: absolute; left: 211px; top: 261px;">
<iframe src="http://guthimmelswiese.gu.funpic.de/Willkommen.html" name="main" noresize="" style="border: 0px none ;" ;="" frameborder="0" height="349" scrolling="yes" width="799">
</iframe>
</div>

<div id="Layer1" style="position: absolute; left: 1px; top: 261px;">
<iframe src="http://guthimmelswiese.gu.funpic.de/Menue.html" name="frame1" noresize="" style="border: 0px none ;" ;="" frameborder="0" height="349" scrolling="yes" width="212">
</iframe>
</div>

</body>
</html>

Menuecode

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Menue</title>
</head>
<body>
<div style="text-align: center; font-family: Verdana;">Allgemein 
 
»<a style="color: rgb(0, 0, 0);" href="http://guthimmelswiese.gu.funpic.de/Willkommen.html" target="main">Start</a> 
»Kontakt 
»Hofbuch 
»Das Forum 
 
 
Rechtliches 
 
»Impressum 
»Bildnachweis 
»Danksagung 
 
 
Anmeldung 
 
»<a style="color: rgb(0, 0, 0);" href="http://guthimmelswiese.gu.funpic.de/FAQ.htm" target="main">FAQ</a> 
»Regeln 
»Anmeldung 
»Staten 
 
 
Gut Navado 
 
»Reitmöglichkeiten 
»Umgebung 
»Ausreitmöglichkeiten 
»Weiden 
»Stallungen 
»Hoftiere 
»Haltungskosten 
 
 
Die Pferde 
 
»Verkauf 
»Schulpferde 
»Privat 
»<a style="color: rgb(0, 0, 0);" href="http://guthimmelswiese.gu.funpic.de/Hufschmied.htm" target="main">Hufschmied</a> 
»<a style="color: rgb(0, 0, 0);" href="http://guthimmelswiese.gu.funpic.de/Tierarzt.htm" target="main">Tierarzt</a> 
 
 
Das Dorf 
 
»Shop 
»Tierheim 
»Futterkammer 
 
 
Mitglieder 
 
»Verzeichnis 
»Bank 
»Kalender 
»Schicksal 
 
 
Sonstiges 
 
»Navado- Blatt 
»Gewinnspiele 
»Kören und Prämieren 
»Partner 
»Award vergabe 
»Pferd des Monats 
»Past Designs 
 
 
</div>
</body>
</html>

Geschrieben von Bubgirl am 07.01.2007 um 17:58:

Machs mit CSS, dann müsste es gehen.

background-color: DEINE FARBE;
Das müsste eigentlich gehen.

Wenn du ein einen gemusterten Hintergrund hättest musst du den HG für beide Frames ausschneiden und dann mit

background-image:url(HINTERGRUNDURL);
background-attachment:fixed; padding:0px;

einfügen. Am besten alles über eine externe CSS-Datei Augenzwinkern

Geschrieben von goldenpegasus am 07.01.2007 um 18:08:

Werde es versuchen, aber wo muss ich das einfügen? Kapier das irgendwie nicht x]
Habe jetzt Main und Menue ausgeschnitte weil ichs als Hg haben will. Weiter wiß ich nit.

Geschrieben von Bubgirl am 07.01.2007 um 18:51:

ganz oben im Header beim Stylecheat
Hinter body, td, input { background-color: transparent;
Das background-color:transparent kannst du dann im Prinzip auch weglassen.

Die Hintergründe müssen genau die gleiche höhe+breite haben wie der dazugehörige Frame. Da es fixiert ist und so nicht mitscrollt (sich nach unten verlängert)

Sieht dann also so aus:
body, td, input { background-color: transparent;
background-image:url(HINTERGRUNDURL);
background-attachment:fixed; padding:0px
}

Geschrieben von Kopflos am 07.01.2007 um 19:12:

Geht noch viel einfacher, füge bei den Framecodes einfach am Ende diesen Code ein:

code:
1:	style="filter:chroma (color=#FFFFFF)" ;

Wichtig ist, dass du nirgends einen Hintergrund, oder eine Hintergrundfarbe angibst, da dieser Filter die Farbe reinweiß transparent macht, also die Standartfarbe die jede Seite automatisch hat.

lg, almanya

Geschrieben von Bubgirl am 07.01.2007 um 19:22:

Zitat:

Original von almanya
Geht noch viel einfacher, füge bei den Framecodes einfach am Ende diesen Code ein:

code:
1:	style="filter:chroma (color=#FFFFFF)" ;

Wichtig ist, dass du nirgends einen Hintergrund, oder eine Hintergrundfarbe angibst, da dieser Filter die Farbe reinweiß transparent macht, also die Standartfarbe die jede Seite automatisch hat.

lg, almanya

Dann bekommen alle Mozilla-Nutzer nen Schreikrampf weil ihnen die Frames bunt entgegenleuchten. Das ganze ist dann nur für IE optimiert.

Geschrieben von Kopflos am 07.01.2007 um 19:26:

Du findest Weiß bunt ? o.0
Und das ganze geht auch in Mozilla, ich habs ja selbst getestet Augenzwinkern

Schau mal hier www.stbelmondo.de Da habe ich meine Frames auf diese Weise gecodet. Man darf halt die Farbe #ffffff nicht verändern, dann gehts in beiden, ansonsten hast du Recht.

lg, almanya

Geschrieben von Bubgirl am 07.01.2007 um 19:32:

mh, bei dir gehts jetzt.

Ich weiß nur "damals" als ich zu css gewechselt bin war es so, dass die frames bei mozilla nicht durchsichtig waren, und wenn die farbe weiß genommen wurde war auch bei sämtlichen Bildern das weiß durchsichtig.

Vielleicht ist das bei den neuen mozilla Versionen jetzt anders, wenn ja - Sorry Augenzwinkern