• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

I-Frame in FF und IE

Status
Für weitere Antworten geschlossen.
G

GNewmann

Neues Mitglied
Hallo,

ich habe leider das Problem dass meine I-Frames nicht so wollen wie ich will :)

ihr könnt auf www.bali-mops.de nachschauen.

Mein I-Frame macht links einen kleinen (weißen) abstand und unten einen kleinen weißen Abstand.. woran könnte das liegen?

Hier mein I-Frame:

<td width="483" height="100%" align="center" valign="top" style="background-color:#DDDDDD;">
<iframe src="content/ueberuns.html" style="border:0px #FFFFFF none; margin-left:10px; margin-top:10px; margin-bottom:autopx;" name="content" scrolling="yes" marginbottom="0" marginwidth="0" hspace="0" frameborder="0" height="500" width="96%"></iframe>
</a></td>

Ich musste die width-Eigenschaft schon auf 96% setzten da der Firefox meine Seite wie im WYSIWYG- HTML- Programm alles korrekt abgezeigt hat, der Internet Explorer jedoch mal wieder nicht :(

Wäre sehr dankbar wenn mir jemand hilft.

Gruß,
GNewmann
 
hallo,

soweit ich das sehe würde das an dem margin-left sowie an dem margin-right liegen .. mach das anstatt auf 10px mal auf 0px

gruss sven

p.s. bitte demnächste die code tags benutzen

Code: 
    <td width="483" height="100%" align="center" valign="top" style="background-color:#DDDDDD;">
<iframe src="content/ueberuns.html" style="border:0px #FFFFFF none; margin-left:10px; margin-top:10px; margin-bottom:autopx;" name="content" scrolling="yes" marginbottom="0" marginwidth="0" hspace="0" frameborder="0" height="500" width="96%"></iframe>
      </a></td>
 
Hi Sven, danke für die Antwort.. aber dass habe ich schon versucht.. ohne erfolg (siehe nun bali-mops.de) da hat sich mit 0px nichts verändert..

ich schick hier nochmal den kompletten code.. mit css.. das Problem scheint woanderst zu liegen :roll:

HTML: 
<html>
<head>
<title>Bali-Mops.de</title>
<link rel="stylesheet" type="text/css" href="gfx.css">
<style type="text/css">
<!--
.Stil1 {
	color: #FFFFFF;
	font-weight: bold;
}
-->
</style>
</head>

<body topmargin=0 marginwidth=0 marginheight=0>
<div align="center">
<table width="790" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3"><img src="images/logo.jpg" width="791" height="127"></td>
  </tr>

  <tr>
    <td width="151" height="100%" background="images/box_leftgroß.jpg"  align="left" valign="top" style=""><table width="101%" height="0%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td class="navitop" width="156" height="19" background="images/navi_top.jpg"><span class="Stil1">Navigation</span></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/ueberuns.html" target="content" class="link">&Uuml;ber Uns </a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_dark.jpg" class="navipnt"><a href="content/ausstellungen.html" target="content" class="link">Ausstellungen</a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/zuchtrasse.html" target="content" class="link">Zucht &amp; Rasseportrait </a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/welpenkauf.html" target="content" class="link">Welpenkauf</a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/buchtipps.html" target="content" class="link">Buchtipps</a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/hundeverein.html" target="content" class="link">Hundeverein</a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/kontakt.html" target="content" class="link">Kontakt &amp; Anfahrt </a></td>
      </tr>
      <tr>
        <td class="navitop" height="19" background="images/navi_top.jpg"><span class="Stil1">Unsere Hunde </span></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/hunde/holly.html" target="content" class="link">Holly</a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/hunde/dina.html" target="content" class="link">Dina</a></td>
      </tr>
      <tr>
        <td height="16" background="images/navi_light.jpg" class="navipnt"><a href="content/video.html" target="content" class="link">Videos</a></td>
      </tr>
	          <td height="320" style="background-color:#F2F2F2;"><div align="left"><br>
                <br>
        </div></td>
      </tr>
    </table>    </td>
	
    <td width="483" height="100%" align="center" valign="top" style="background-color:#DDDDDD;">
	<iframe src="content/ueberuns.html" style="border:0px #FFFFFF none; margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:auto;" name="content" scrolling="yes" marginbottom="0" marginwidth="0" hspace="0" frameborder="0" height="500" width="96%"></iframe>
	  </a></td>
	  
    <td width="159" height="100" align="left" valign="top" style="background-color:#CFCFCF;"><table width="158" height="100%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="158" height="19" background="images/navi_top.jpg" class="navitop"><div align="left"><span class="Stil1">Links</span></div></td>
      </tr>
      <tr>
        <td height="500" style="background-color:#F2F2F2;"><div align="left"><br>
                <br>
        </div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="3"><img src="images/footer2.jpg" width="790" height="23"></td>
  </tr>
</table>
</div>
</body>
</html>

CSS-Stylesheet
Code: 
body {
	font-family: Verdana;
	font-size: 10px;
	color: #666666;
	background-color: #C7C7C7;
}

table {
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
}

.tabletop {
	font-family: Verdana;
	font-size: 10px;
	font-style: bold;
	padding-left: 10px;
	color: #3E3E3E;
	text-decoration: none;
	background-image: url(images/box_top.jpg);
	background-repeat: repeat-x;
}

.navitop {
	font-family: Verdana;
	font-size: 10px;
	font-style: bold;
	padding-left: 10px;
	color: #3E3E3E;
	text-decoration: none;
}

.navipnt {
	font-family: Verdana;
	font-size: 10px;
	padding-left: 7px;
	color: #3E3E3E;
	text-decoration: none;
	border-color: #909090;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
}

.link
{
	color: #3A3838;
	text-decoration: none;
}

a:visited
{
	color: #3A3838;
}

a:hover
{
	color: #FF0808;
	text-decoration: underline;
}

.selectbox
{
	font-family: Verdana;
	font-size: 10px; color: #666666;
	text-decoration: none;
	border-color: #525252;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	background-color: #F5F4F4;
}

input
{
	font-family: Verdana;
	font-size: 10px; color: #666666;
	text-decoration: none;
	border-color: #525252;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	background-color: #F5F4F4;
}

Gruß,
GNewmann
 
Wir sehen aber auch vor lauter Bäumen den Wald nicht mehr :P
Wenn der Content links einen Rand hat hat der I-Frame ihn natürlich auch *gg*.. habe gestern schon den Content angeschaut, doch wenn man den Einzeln aufruft, sieht man den Rand nur wenn man sehr genau hinschaut, da die Farben sich kaum unterscheiden.

LOL

Danke für deine Mühe

Gruß,
GNewmann
 
deswegen fragte ich ja ob der content die weite von 100% hat

dazu muss natürlcih dann noch das

Code: 
leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

da rein dann solltes es klappen
 
Sieht jetzt gut aus.. kannst dir ja mal anschauen.. es passt nun.

Hast du in dem Zug evtl. Verbesserungsvorschläge in jeglicher Art?
Ich bin momentan zufrieden, jetzt passt es.. doch nach so einer langen Arbeit mit der Homepage --> Wald vor lauter Bäumen u.s.w :)

Gruß & Danke,
GNewmann
 
Ja ich habe verbesserungsvorschläge !

weg von frames !!!

benutze div container mit nem style attribut overflow:auto

es sieht quasi genauso aus wie ein frame aber die seite wird eingebettet.

Bei ner auflösung 1280*1024 ist es schon sehr klein, mittig und top(formatierung) vllt. hätte man ein css layout machen können welches sich zumindest ein wenig an die browser größe orientiert.

gruss sven

p.s. aber im großen und ganzen ist die seite okay und gelungen ;)
farbwahl ist auch okay ;)
 
Ok danke :)

Hast du mir evtl. einen Link für das Thema css-layout anpassung an Auflösung?

Oder lässt es sich evtl. mit ein paar Zeilen umschreiben? Falls es nicht viel Aufwandt bedeutet pack ich dass auch noch mit rein :)

Gruß,
GNewmann
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben