iFrame Hintergund in Mozilla da aber im iE nicht

sLeEpYDeSiGn

Hiho.

Zur Erklärung schaut euch einfach mal die Seite

http://www.sleepy-designs.de/oi

einmal mit Mozilla und dann nochmal mit dem Internetexplorer an.

Habe schon versucht das ganze über CSS hinzubekommen aber irgendwie will das ganze nicht funktionieren.

Danke für die Hilfe

GreezbytheSleepY

Starfighter

klick

driver

füg mal des in deinen iframe ein

Code

allowtransparency="true"

in die css der angezeigten seiten kommt dann noch

Code

background-color:transparent;

sLeEpYDeSiGn

Funktioniert leider nicht so ganz wie es soll.

es ist folgender masen:

Ich hab der Tabelle unter dem Frame das Hintergrundbild zugeordnet da das mit der css nicht ganz funktioniert.
es wird mir aber immernoch nicht angegzeigt. :-/

sLeEpYDeSiGn

Ich versteh jetzt nichtsmehr....habe das jetzt mit folgend aussehender css datei versucht:

Code

.oitonics {
	background-attachment: fixed;
	background-image: url(content.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

und hier nochmal der code der seite:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Oi!Tonics - Drinking Rock´n Roll - Rock from the Streets</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>


<body topmargin="0" leftmargin="0">
<table width="677" height="370" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="161" colspan="3">[img]banner.jpg[/img]</td>
  </tr>
  <tr> 
    <td width="198">[url='news.php'][img]nav_news.gif[/img][/url]</td>
    <td width="675" rowspan="9">
	<iframe src="news.php" name="content" width="671" marginwidth="0" height="474" marginheight="0" frameborder="0" class="oitonics" allowtransparency="true"	border="0">



Ihr Browser kann leider keine eingebetteten Frames anzeigen</p>
	</iframe>	</td>
    <td width="27" rowspan="9">[img]right.gif[/img]</td>
  </tr>
  <tr> 
    <td>[url='bio.php'][img]nav_bio.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[url='termine.php'][img]nav_termine.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[url='fotos.php'][img]nav_fotos.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[url='musik.php'][img]nav_musik.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[url='kontakt.php'][img]nav_kontakt.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[url='gaestebuch.php'][img]nav_gaestebuch.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[url='links.php'][img]nav_links.gif[/img][/url]</td>
  </tr>
  <tr> 
    <td>[img]dl.gif[/img]</td>
  </tr>
  <tr> 
    <td colspan="3">[img]feet.gif[/img]</td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

sLeEpYDeSiGn

ja und das Problem seht ihr ja wenn ihr die seite nochmal aufruft.

http://www.sleepy-designs.de/oi

driver

background-image: url(content.gif);
background-repeat: no-repeat;
background-color: transparent;

die seite kann nicht transparent sein wenn du ne grafik hinterlegst...

sLeEpYDeSiGn

Ändert trotzdem nix daran, dass es nicht funktioniert....es wird alles total verkehrt angezeigt.

driver

is alles auch richtig zugeordnet ?

die css-eigenschaft background-color:transparent muss die seite haben,
DIE IM IFRAME ANGEZEIGT WIRD. also nicht der iframe selber...
nur die seiten die darin geladen werden...

sLeEpYDeSiGn

Also sprich:
Die Seiten die ich in den iFrame lade müssen eine CSS Datei haben die folgendermasen aussieht:

Code

.pages {
   background-color: transparent;
}

Und die Hauptseite (also die Tabelle wo der iFrame eingebettet ist muss folgende CSS haben:

Code

.oitonics {
   background-attachment: fixed;
   background-image: url(content.gif);
   background-repeat: no-repeat;
   background-color: transparent;
}

Habe ich das jetzt richtig vertanden ????

driver

vorm grundgedanken ja.

aber wie willst du die seiten die du lädst als .pages definieren ?
mach am besten in jede datei die du reinlädst

Code

<style type="text/css">
body { background-color:transparent; }
</style>

dann siehst obs klappt, wenn ja kannst immernoch in ex. css auslagern

sLeEpYDeSiGn

Es funktioniert.

Ich danke dir vielmals !!!!!

sLeEpYDeSiGn

Aber noch eine andere frage:

Der macht mir im iE diesen komischen rahmen auf der startseite...wie bekomm ich den denn weg ?

driver

du meinst bei dem bild "klick for enter" oder so ?
kommt davon weil der link n bild is...

mach im css

Code

img { border:0px; }

dann isser weg

sLeEpYDeSiGn

ach stimmt ja

danke dir nochmals !!

Tags