Firefox/IE6 unterschiedliche Darstellung

[silt]

Hi

ich bin zur Zeit am basteln einer eigenen Homepage, da sowas als Künstler wohl zum Repertoire gehört

Mein Kumpel hat mir nen Code geschrieben bevor er in Urlaub is, den Rest mach ich jetzt mit meinen Grundkentnissen in HTML halt Bin da nich so der Profi, deswegen bin ich auch bei einer Sache die ich nicht fixen kann

Und zwar sieht man den Fehler nur mit dem Internet Explorer 6, neben dem Iframe is nen Grafikbalken, der soll auch neben dem iframe bleiben, aber im IE6 wird da nen Umbruch angezeigt was ich eigentlich per <nobr> unterbunden hab

hier is die seite, mit dem firefox wird sie richtig angezeigt, mit dem IE6 leider falsch... ich hoffe hier Hilfe zu finden Danke schonmal im Vorraus

http://www.bass-addicted.de/diggz/hp/testindex.html

[Persisteus]

Du machst doch eh alles mit Tabellen! Steck einfach den iframe und den Grafikbalken in getrennte Zellen.

[silt]

hab ich probiert, nur verschiebt sich dann leider alles (arbeite mit dreamweaver8) ... naja warhscheinlich bin ich eifnach zu blöd dazu

und vllt passts dann nich mehr im firefox

[SilentStormer]

Habe mir den Quelltext nicht allzulange angesehen (extrem schlechter Code übrigens), müsste aber behoben sein, wenn du den iFrame oder die Tabellenzelle einfach ein paar Pixel weniger breit machst.

[silt]

hm aber iframe länge + bild länge müssten genau reinpassen in die tabelle..

[SilentStormer]

Wie gesagt, ich habe mich mit Tabellen schon lange nicht mehr beschäftigt, weil es nicht mehr Standard ist, so zu designen. Probiers einfach mal, wenn ich solche Kompatibilitätsprobleme mit CSS habe, funktioniert es meistens, die Breite des mittleren Objektes zu verringern.

edit:
Mach mal die Leerzeile zwischen der <nobr></table>-Zeile und der <map>-Zeile raus. IE spinnt oft in dieser Angelegenheit.

[silt]

hat leider nich geholfen.. aber wenigstens etwas ordentlicher

ich denk die lösung is einfach den iframe und das bild mit ner weitere tabellenspalte zu trennen, nur krieg ich das mim dreamweaver leider nich so hin, dass sich dadurch nicht alles komplett verschiebt und das alles aussieht wie chaos

[Ingo]

Hi, silt.

Ich denke, der IE is unzufrieden mit der width-Angabe der iframe-Zelle:
Die Zelle braucht iframe + blockbild = 450px + 135px = mind. 585 px Breite
(siehe erste Zeile in folgendem Ausschnitt):

Code: Alles auswählen

<td rowspan="3" height="448" nowrap="nowrap" valign="top" width="585">
  <iframe src="i_frame.htm" name="Miami" align="default" frameborder="0" height="100%" width="450">
  </iframe>
  <img src="blockrechts.jpg" usemap="#Map" border="0" height="450" width="135">
</td>

Dann kannst du auch die <nobr>s weglassen, die gehören eh nich zum
HTML-Standard und haben hier nix geholfen. - Der IE6 macht's jetzt

[silt]

thx, hab jetzt bisschen rumprobiert und scheint zu funktionieren... könnt ihr vllt noch testen obs bei euch auch richtig angezeigt wird? als gegenprüfung

http://www.bass-addicted.de/diggz/hp/testindex.html

jetzt is bei mir so dass der rechte balken im firefox kürzer is... im IE is er genau so lang wie die linke seite... oh man was is das ne frickelei..

[AlphaWolf1941]

Also bei mir wird's im IE und FF korekt dargestellt.

Und die paar Pixel Unterschied in der Länge fallen nicht sonderlich auf, sofern man nicht danach sucht !!!

Würde aber wie schon erwähnt wurde langsam anfangen mit CSS und DIV-Layern ... ist moderner, schlanker und übersichtlicher als der ganze Tabellen-Stuff !!!

Hier gibt's das CSS und DIV-Layer Tutorial ->Klick mich an


GrEeTz

[Ingo]

Hmpf.
Um genau zu sein: Bei mir is der rechte Teil im IE länger und
im FF kürzer ... NS und Op hab ich gar nich erst gefragt ...

Kann AlphaWolf1941 nur zustimmen. Hab das für diese Seite
mal angedacht; der Code wird bei dieser eher kleinen Seite
zwar nicht kürzer, aber -behaupte ich mal ;o)- übersichtlicher,
z.B. weil grundlegende Layout-Festlegungen sich alle hübsch
beieinander im CSS-Teil wiederfinden und nicht verstreut über
zig Zeilen. - Das könnte also etwa so aussehen (laaaang, ich
poste's trotzdem mal):

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>SILT1 MUSIC</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <link href="ehpstyle.css" rel="stylesheet" type="text/css">
  <style type="text/css">
  <!--
   #alles  { width:800px;
             margin:20px auto;
             padding:5px;
             background:white;
           }
   #top    { height:26px;
             padding:5px;
           }
   #links  { float:left;
             height:450px;
             background:#a70018;
           }
   #rechts { float:right; }
   
   .Stil1  {color: #839852}
  -->
  </style>
</head>
<body>

  <div id="alles">

    <div id="top">
      <div style="float:right;">
        <a href="http://www.bass-addicted.de/diggz/hp/disclaimer.htm">Disclaimer</a>
        &nbsp;-&nbsp; <a href="mailto:d85co@gmx.de">Kontakt</a>
      </div>
      <span class="Stil8">© 2007 SILT1 MUSIC </span>
    </div>

    <div id="links">
      <img src="blocklinksoben.jpg" border="0" height="202" width="196">
      <div style="background:white; padding:5px; text-align:center;">
        <a href="http://www.bass-addicted.de/diggz/hp/index.htm">HOME<br></a>
        <a href="http://www.bass-addicted.de/diggz/hp/miami.htm">ABOUT</a> <br>
        <a href="http://www.bass-addicted.de/diggz/hp/colt.htm">RELEASES</a><br>
        <a href="http://www.bass-addicted.de/diggz/hp/sonstige.htm" class="Stil5" align="left">OTHER<br></a>
        <a href="http://www.bass-addicted.de/diggz/hp/macher.htm" class="Stil5"></a>
        <a href="http://www.bass-addicted.de/diggz/hp/links.htm" class="Stil5">LINKS</a><br>
        <a href="http://www.bass-addicted.de/diggz/hp/miami.htm">GUESTBOOK</a>
      </div>
    </div>
   
    <div id="rechts">
      <img src="blockrechts.jpg" usemap="#Map" border="0"
      height="450" width="135">
    </div>

    <iframe src="i_frame.htm" name="Miami" align="default"
      frameborder="0" height="100%" width="450"></iframe>

    <div style="clear:both;"></div>

    <map name="Map">
      <area shape="rect" coords="12,285,123,437" href="http://www.ill-fish.de/" target="_blank">
      <area shape="rect" coords="14,178,120,265" href="http://myspace.com/silt1">
    </map>

  </div>

</body>
</html>


[silt]

danke macpin... aber bei dem code spinnt jetzt der iframe rum .... ich glaub ich werd echt nochmal komplett neu anfangen und das ganze mit dem css und div machen wie aphawolf vorgeschlagen hat ..

THX fürs tutorial

edit: oh ich idiot ich hab ganz übersehn dass du es ja mit DIV gemacht hast

[Ingo]

wie auch immer - eine weise Entscheidung!
Echt, die Einarbeitung in CSS wird sich lohnen, und
wenn mein Code indirekt zu dieser Entscheidung
beigetragen hat - dann war's das wert!

gruß, ing;o)

[AlphaWolf1941]

Hehe, nix zu danken du ...

Aber für deine iFrames würd ich nach dem CSS und DIV Tutorial mal einen Blick in die PHP Ecke werfen ... und zwar ist der INCLUDE Befehl echt ein supi Ersatz für iFrames.

Tutorial -> Klick mich

GrEeTz Alpha