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

Darstellungsproblem

T

Tony91

Neues Mitglied
Ich bin am Coden eines Layouts, aber es wird im Internet Explorer ziemlich fehlerhaft angezeigt. Beim Firefox ist alles ok, aber beim IE eben nicht. Hier mal eine Grafik von den Fehlern. Ich meine die Sidebar und das Contentfenster.

Hoffe, mir kann jemand helfen. Finde die Fehler nicht selber. Ist auch schon ein Jahr her, als ich das letzte mal ein Layout gecodet hab =|.

iedarstellung.jpg


So sollte es aussehen, wie es beim FireFox ist:
http://img37.imageshack.us/img37/6057/firefoxbla.jpg
Code: 
<!-- Begin Content -->
<span style="position: absolute; left: 386; top: 475; width: 523; height: 1100 ">
<iframe style="FILTER: chroma (color="")" name="home" frameborder="0" border="0" framespacing="0" width="523" height="1100" src="home.html" scrolling="yes" allowtransparency="true"></iframe>
<!-- End Content -->



<!-- Begin Sidebar -->
<span style="position: absolute; left: -245px; top: -42px; width: 209px; height: 650px">

<table border="0" width="100%">
  <tbody><tr>
    <td width="100%" class="menuline">
    <IMG SRC="Bilder/elite affiliates.jpg" border="0">
  </td></tr>
  <tr>
    <td width="100%" class="menu">

    <center>  
<img src="Bilder/eliteaffiliatesleer.jpg" width="40" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)" border="0">
<img src="Bilder/eliteaffiliatesleer.jpg" width="40" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)" border="0">
<img src="Bilder/eliteaffiliatesleer.jpg" width="40" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)" border="0">
<img src="Bilder/eliteaffiliatesleer.jpg" width="40" style="filter:alpha(opacity=40)" onmouseover="nereidFade(this,100,70,20)" onmouseout="nereidFade(this,20,50,10)" border="0">

    </center>
  </tr>
</table>



<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
  <IMG SRC="Bilder/topaffiliates.jpg" border="0">
  </tr>
  <tr>
    <td width="100%" class="menu">

    <center>  
<p align=center><select style="WIDTH: 130px; FONT-FAMILY: Verdana; font-size: 9px; color: #000000; HEIGHT: 15px" 

onchange="if(this.options[this.selectedIndex].value != 0){window.open(this.options[this.selectedIndex].value,'_blank')}" 

name="links">
                                                          
<option style="#000000" selected>

 <p align=center>TOP AFFILIATES </option>
<option value="#"></option>
<option value="http://www.google.de/">Google.de</option>
</select>


<br>

<a target="home" href="online/more.htm"><b>more</b></a> | 
<a target="home" href="online/Become.htm"><b>become</b></a>
    </center>
  </tr>
</table>


<table border="0" width="100%">
  <tr>

    <td width="100%" class="menuline">
   <IMG SRC="Bilder/quicklinks.jpg" border="0">
  </tr>
  <tr>
    <td width="100%" class="menu">
    <left>
http:// <a target="home" href="bla.de/"><b>Gästebuch</b></a><br>
http:// <a target="home" href="Gallerie.htm"><b><s>Gallerie</s></a></b><br>
http:// <a target="_blank" href="http://www.kellyclarkson.de/"><b>Offizielle Homepage</b></a><br>
http:// <a target="_blank" href="http://www.youtube.com/user/kellyclarkson?blend=1&ob=4"><b>YouTube Channel</b></a>
</left>
    </td>
  </tr>
</table>




<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
   <IMG SRC="Bilder/vote4us.jpg" border="0">

  </tr>
  <tr>
    <td width="100%" class="menu">
<marquee>
<center>
<table  >

<tr>

<td>Vote Links</td>

</tr>
</center></marquee>

</table>

</left> 
    </td>
  </tr>
</table>




<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline"> 
   <IMG SRC="Bilder/theprojects.jpg" border="0">

  </tr>
  <tr>
    <td width="100%" class="menu">
<table border="0" width="100%">
<tr>
<td width="30%">
<img border="0" src="Bilder/album.jpg" width="50" height="50" align=left></td>
<td width="70%">        
Art: Album<br>        
Title: All I Ever Wanted<br>
Date: 06.März 2009<br>

<a target="_blank" href="http://www.amazon.de/All-Ever-Wanted-Kelly-Clarkson/dp/B001R1DK5I/ref=sr_1_1?ie=UTF8&s=music&qid=1246449590&sr=8-1"><b>Info</a> | <a target="_blank" href="http://www.amazon.de/All-Ever-Wanted-Kelly-Clarkson/dp/B001R1DK5I/ref=sr_1_1?ie=UTF8&s=music&qid=1246449590&sr=8-1"><b>Buy</a></td>
</tr>
</table>
            
<table border="0" width="100%">
<tr>
<td width="30%">
<img border="0" src="Bilder/single.jpg" width="50" height="50" align=left></td>
<td width="70%">        
Art: Single<br>        
Title: I Do Not Hook Up<br>
Date: 22. Mai 2009<br>
<a target="_blank" href="http://www.amazon.de/Do-Not-Hook-Up-Premium/dp/B0024F13W8/ref=sr_1_1?ie=UTF8&s=music&qid=1246449692&sr=1-1"><b>Info</a> | <a target="_blank" href="http://www.amazon.de/Do-Not-Hook-Up-Premium/dp/B0024F13W8/ref=sr_1_1?ie=UTF8&s=music&qid=1246449692&sr=1-1"><b>Buy</a></td>

</tr>
</table>
  </td>
  
<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
   <IMG SRC="Bilder/shoutbox.jpg" border="0">

  </tr>
  <tr>
    <td width="100%" class="menu">
    <left><center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="150" src="http://www4.cbox.ws/box/?boxid=3071186&amp;boxtag=3418&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=3071186&amp;boxtag=3418&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX --></center>
</left> 
    </td>
  </tr>
</table>

<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
   <IMG SRC="Bilder/spotlight.jpg" border="0">

  </tr>
  <tr>
    <td width="100%" class="menu">
    <left><center>
Blaaaa shoutbox entsteht hier
</left> 
    </td>
  </tr>
</table>


<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
   <IMG SRC="Bilder/linkback.jpg" border="0">

  </tr>
  <tr>
    <td width="100%" class="menu">
    <left><center>
<img border="0" src="Bilder/button.jpg"></center>
</left> 
    </td>
  </tr>
</table>

<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
   <IMG SRC="Bilder/sitestats.jpg" border="0">

  </tr>
  <tr>
    <td width="100%" class="menu">
    <left>
Host: ?<br>
Online: 15.07.2009<br>
Name: K-Clarkson<br>
Counter: <script LANGUAGE="JavaScript" SRC="http://www.onlinewebservice3.de/onlinecount.php?id=c106944"> </SCRIPT> Fan(s) online <br>
Layout No.1<br>
Webmaster: Tony<br>

Optimized: IE 1024x768<br>
Layout/Coding: <b>Tony</b>
    </td>
  </tr>
</table>

<table border="0" width="100%">
  <tr>
    <td width="100%" class="menuline">
   <IMG SRC="Bilder/disclaimer.jpg" border="0">
  </tr>
  <tr>
    <td width="100%" class="menu">
  <center>
  <table border="0" cellspacing="1" width="100%" id="AutoNumber1">
    <tr>
     <td width="100%">Das Layout/Coding unterliegt dem © von <b>K-Clarkson.net</b>. Das © der Bilder unterliegt dem jeweiligen Photographen. Diese Page ist keine offizielle <b>Kelly Clarkson</b> Fanpage
und hat auch keinen Kontakt zu <b>Kelly Clarkson</b> oder ihrem <b>Management</b>.&nbsp; </td>

  
    </tr>
  </table>
  </center>
    </td>

  </tr>
</table>
</span>
<!-- End Sidebar -->
</body>
</html>
 
Zuletzt bearbeitet:
Könnte an einem fehlenden oder falschen Doctype liegen.
Ansonsten wäre ein Link zur Seite hilfreich.
 
Nicht nur die syntaktischen Fehler...auch die Tabellen gehören da nicht hin.
Die Syntax ist falsch, die Semantik nicht vorhanden.

Mit dieser Basis würde ich mich als Browser auch weigern, etwas darzustellen. "Geslictes" Layout...Hilfe!
 
Aus diesem Fehler(n):
Code: 
.menuline {
	padding: 2,5px;
...
}
Macht der IE-Quirks:
Code: 
.menuline {
padding-left: 5px;
padding-right: 5px;
...
}
Und verbreitert somit die Zelle um 10px;

Andere Browser ignorieren die fehlerhafte padding-Angabe.


Edit 22:50
Habe teilweise Quark geschrieben.
Normalerweise verbreitert der IE im Quirksmodus die Elemente nicht durch padding wenn der Inhalt trotzedem in das Element passt.

Die Tabellen solltest du entfernen und den Quirksmodus unbedingt meiden.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben