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

Webseite FEHLER

chiller4ever

Neues Mitglied
Hallo, ich habe lange an der home seite gebastelt, nun kriege ich folgende sachen einfach nicht hin:

erstens, der fade effekt der per jquery läuft, wird in iexplorer garnicht angezeigt, in firefox immer, dafür ist in firefox das layout völlig falsch, in chrome ist das layout und aussehen der seite wie es sein soll, nur funktioniert der fade effekt manchmal nicht, dadurch wird die seite einfach ausgeblendet. nach mehrmaligem neuladen funktioniert es manchmal, dann wieder nicht. in dreamweaver, kriege ich die
<table id="maintable" einfach nicht zentriert, obwohl es in chrome richtig angezeigt wird. ich habe das gefühl der fade effekt hat auch was mit dem fehler im code zu tun der mich die maintable nicht zentrieren lässt. habe die seite schon durch vhttp://www.validome.org/validate laufen lassen, die fehler die relevant waren beseitigt, trotzdem nichts. kann mir jemand helfen ? webseiten adresse Mauritius Adventures falls beim aufrufen nur der hintergrund angezeigt wird, einfach mal refresh drücken biss es geht. getestet in chrome.

seite ist auf russisch, also sind die "komischen" zeichen schon richtig ;)

code
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>Mauritius Adventures</title>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() 
{
		// fade in content.
		$( '#content-wrapper' ).fadeIn("slow");		
});
</script>

<link rel="stylesheet" href="styles.css" type="text/css">

</head>

<body>

<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.write( '<div id="content-wrapper">' );
//--><!]]>
</script>

<div id="maindiv1" align="center">
  <div id="maindiv2" align="center" style="width:1000px; position:relative">
    <table id="maintable" style="position:relative; border-collapse:collapse" cellpadding="0" cellspacing="0" align="center" border="0" width="100%">
      
      
      <tr>
        <td width="100%" height="30" valign="bottom" align="center" style="background-color:#FFF"></td>
      </tr>
      <tr>
        <td width="100%" height="360" valign="middle" align="center" style="background-color:#FFF; background-position:center; background-repeat:no-repeat"><img class="bildschatten" src="/images/main-pic.jpg" width="950" height="340" alt="Mauritius Villa"></td>
      </tr>
      <tr>
        <td width="100%" align="center"><div id="tabs">
            <ul>
              <li><a href="http://"><span>Link 1</span></a></li>
              <li><a href="http://"><span>Link 2</span></a></li>
              <li><a href="http://"><span>Link 3</span></a></li>
              <li><a href="http://"><span>Link 4</span></a></li>
              <li><a href="http://"><span>Link 5</span></a></li>
              <li><a href="http://"><span>Link 6</span></a></li>
              <li><a href="http://"><span>Link 7</span></a></li>
            </ul>
          </div></td>
      </tr>
      <tr>
        <td valign=top><table style="border-collapse:collapse" width="100%" >
            <tr>
              <td colspan="3" height="25" valign=top></td>
            </tr>
            <tr>
              <td height="2200" valign="top" style="background-color:#FFF; padding-left:10px; margin-left:0px; text-align:center; padding-right:10px"><span lang=RU style='color:#626262; font-size:19.0pt; line-height:115%'> <br>
                TEEEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '> TEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '> TEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '> Наши цены: </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '> TEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '>TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '> TEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '> TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '>TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '>TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '>TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '>TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '> TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '> Что вам нужно сделать, чтобы организовать ваш отдых на Маврикии? </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '>TEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '> TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '> TEXT </span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:14.0pt; line-height:115% '> TEXT</span> <br>
                <br>
                <span lang=RU style='color:#626262; font-size:12.0pt; line-height:115% '> TEXT</span></td>
              <td width="25" valign="top" ></td>
              <td width="300" valign="top" align="center" style="background-color: #FFF;padding-left:0px; padding-right:0px"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="300" height="50" id="mp3" align="middle">
                  <param name="allowScriptAccess" value="sameDomain" >
                  <param name="movie" value="mp3.swf?mp3url=hello.mp3&txt=Hello World&bgcolor=#222222&txtcolor=#FFFFFF&barbgcolor=#999999&loadbar=#3c3c3c&posbar=000000&loop=true" >
                  <param name="quality" value="high" >
                  <param name="bgcolor" value="#222222" >
                  <embed src="mp3.swf?mp3url=hello.mp3&txt=Hello World&bgcolor=#222222&txtcolor=#FFFFFF&barbgcolor=#999999&loadbar=#3c3c3c&posbar=000000&loop=true" quality="high" bgcolor="#222222" width="300" height="50" name="mp3" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" ></embed>
                </object>
                <br>
                <br>
                <br>
                <a href="/pavillon.html"><img class="bildschatten280px" src="/images/pavillon.jpg" align="middle" style="margin-bottom: 0px;" alt="Le Pavillon"></a>
                <p><span lang=RU style='color:#626262; font-size:9.0pt; line-height:115% '>TEXT</span></p>
                <a href="/trouloulous.html"><img class="bildschatten280px" src="/images/trouloulous.jpg" align="middle" style="margin-bottom: 0px;" alt="Les Trouloulous"></a>
                <p><span lang=RU style='color:#626262; font-size:9.0pt; line-height:115% '> TEXT </span></p>
                <a href="/farniente.html"><img class="bildschatten280px" src="/images/farniente.jpg" align="middle" style="margin-bottom: 0px;" alt="Farniente"></a>
                <p><span lang=RU style='color:#626262; font-size:9.0pt; line-height:115% '>TEXT</span></p>
                <a href="/riambelle.html"><img class="bildschatten280px" src="/images/riambelle.jpg" align="middle" style="margin-bottom: 0px;" alt="Riambelle"></a>
                <p><span lang=RU style='color:#626262; font-size:9.0pt; line-height:115% '>TEXT</span></p></td>
            </tr>
          </table></td>
      </tr>
      <tr>
        <td colspan="3" height="25" valign=top></td>
      </tr>
     
    </table>
  </div>
</div>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
document.write( '</div><!-- content-wrapper -->' );
//--><!]]>
</script>
</body>
</html>
 
Ich glaube, Deine ganzen Probleme resultieren aus einer falschen Verwendung von HTML. Die Sprache dient zur logischen Inhaltsauszeichnung (= Semantik). Davon ist bei Dir nicht viel zu sehen, der Grundfehler ist der Missbrauch der Tabellen als Layoutmittel.

Schau mal hier vorbei und lerne die Grundlagen: Einführung | Webdesign mit XHTML und CSS
 
Zurück
Oben