Kompabilitätsproblem overflow und IE

B

Black_Sun

Grünschnabel
hallo liebe Forumfreunde,

ich habe ein großes Problem:

Ich erstelle zurzeite eine Homepage für einen guten Freund und komme alleine nicht mehr weiter.

Mein Problem ist wie folgt:

ertmal der Link zur Seite http://www.huep-reptiles.de
Mit Firefox klappt alles wunderbar, aber mit dem IE(egal welche Version ich versucht habe) sind fast alle Seiten gernicht anzeigbar.

Ich hoffe Ihr könnt mir weiterhelfen.

Hier einmal der verwendete Code:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Huep-Reptiles</title>
<style type="text/css">
<!--
Navigation {
	text-align: left;
}
Navi {
	text-align: left;
}
a:link {
	text-align: left;
}
.Nivigation {
	text-align: left;
}
.Tabelle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	background-color: #D9D3BB;
	background-repeat: no-repeat;
	background-position: center center;
	border: medium groove #2A00FF;
	list-style-type: decimal;
	position: fixed;
	visibility: visible;
	cursor: e-resize;
}
.Nivigation td table {
	text-align: center;
}
.Aktuelles {	background-attachment: fixed;
	background-image: url(Rahmen1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div {

width: 650px;
height: 200px;
margin: 20px;
}

.rollbalken {
overflow: scroll;
width: 600px;
height: 400px;
margin: 20px;

}
.rollbalken1 {
overflow: scroll;
width: 150px;
height:400px;
margin: 20px;
left:auto;
}
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#D9D3BB" onload="MM_preloadImages('Schlangen2.gif','Kontakt2.gif','Home2.gif','Galerie 2.gif')">

<table width="1024" height="644" border="0" align="center">
  <tr class="Nivigation">
    <th height="101" colspan="2" align="left" valign="top" scope="row" background="Banner.gif">
      
    </th>
  </tr>
  <tr class="Nivigation">
    <th width="170" align="left" valign="top" scope="row" background="links.jpg"><p><a href="Test.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild3','','Home2.gif',1)"><img src="Home.gif" name="Bild3" width="140" height="73" border="0" id="Bild3" /></a><a href="Test.html"></a></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><a href="Galerie.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Galerie','','Galerie 2.gif',1)"><img src="Galerie.gif" name="Galerie" width="145" height="66" border="0" id="Galerie" /></a><a href="Schlangen.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Schlangen','','Schlangen2.gif',1)"><img src="Schlangen.gif" name="Schlangen" width="138" height="69" border="0" id="Schlangen" /></a><a href="Kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Kontakt','','Kontakt2.gif',1)"><img src="Kontakt.gif" name="Kontakt" width="120" height="60" border="0" id="Kontakt" /></a></p>
<p>&nbsp;</p></th>
    <td background="Imperessum.jpg" valign="top" align="right" ><p align="center"><br />
    <b>Abgabe der Tiere über Abholung, auf Börsen oder per Tierversand mögllich.</b></p>
      <table width="821" height="456" align="left" border="0">
        <tr>
          <th width="248" height="452" scope="col"><div class="rollbalken1" style="border-style:outset" align="left">
          <table width="100" border="3" valign="top" align="left" >
            <tr>
              <th scope="col">Bild Nr.</th>
              <th scope="col">Status </th>
            </tr>
            <tr>
              <th scope="row">001</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">002</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">003</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">004</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">005</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">006</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">007</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">008</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">009</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">010</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">011</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">012</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">013</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">014</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">015</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">016</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">017</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">018</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">019</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">020</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">021</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">022</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">023</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">024</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">025</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">026</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">027</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">028</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">029</th>
              <td>abzugeben</td>
            </tr>
            <tr>
              <th scope="row">030</th>
              <td>abzugeben</td>
            </tr>
            
          </table>
        </div>
   
          <th width="548" scope="col" align="right" border="0">     <div class="rollbalken" style="border-style:outset" align="center">   
          <table width="600" border="3" align="center" >
          <tr>
            <th width="293" scope="col"><p><a href="http://www.tutorials.de/css/001..gif">Boa Constrictor Surinam Cross <br /><img border="0" src="001.gif" width="200" height="133" /></a></p>
              <p><a href="http://www.tutorials.de/css/001..gif"></a></p></th>
            <th width="287" scope="col"><a href="http://www.tutorials.de/css/002..gif"><img border="0" src="002.gif" width="200" height="133" /></a></th>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/003..gif"><img border="0" src="003.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/004..gif"><img border="0" src="004.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/005..gif"><img border="0" src="005.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/006..gif"><img border="0" src="006.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/007..gif"><img border="0" src="007.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/008..gif"><img border="0" src="008.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/009..gif"><img border="0" src="009.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/010..gif"><img border="0" src="010.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/011..gif"><img border="0" src="011.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/012..gif"><img border="0" src="012.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/013..gif"><img border="0" src="013.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/014..gif"><img border="0" src="014.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/015..gif">Albino <br />
                <img border="0" src="015.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/016..gif">Lesser Platinum <br />
                <img border="0" src="016.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/017..gif">Lemon Pastel <br /><img border="0" src="017.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/018..gif"> Pewter <br /><img border="0" src="018.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/019..gif"> Het. Orange Ghost <br /><img border="0" src="019.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/020..gif"> Spider <br /><img border="0" src="020.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/021..gif"> Orange Ghost<img border="0" src="021.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/022..gif">Cinnamon Pastel<img border="0" src="022.gif" width="200" height="133" /></a></td>      
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/023..gif"> Albino <br /><img border="0" src="023.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/024..gif"> Albino <br /><img border="0" src="024.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/025..gif">Lesser <br /><img border="0" src="025.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/026..gif"> Albino <br /><img border="0" src="026.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/027..gif">Lesser <br /><img border="0" src="027.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/028..gif"> Lesser <br /><img border="0" src="028.gif" width="200" height="133" /></a></td>
          </tr>
          <tr>
            <th scope="row"><a href="http://www.tutorials.de/css/029..gif"> Lemon Pastel <br /><img border="0" src="029.gif" width="200" height="133" /></a></th>
            <td><a href="http://www.tutorials.de/css/030..gif">Pewter <br /><img border="0" src="030.gif" width="200" height="133" /></a></td>
          </tr>
          </table>
</div></th>
        </tr>
      </table>
      <p align="center"><br /> 
        
        
    </p></td>
  </tr>
</table>

<p>&nbsp;</p>
</body>
</html>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück