Webseite Hilfe !

chiller4ever

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://http://www.validome.org/validate laufen lassen, die fehler die relevant waren beseitigt, trotzdem nichts. kann mir jemand helfen ? webseiten adresse http://www.mauritius-adventures.com 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>

Alles anzeigen

Pion

Entscheid dich mal, willst du ein sauberes Div Design oder ein Tabellen design, aber kein so ein Mischmasch

Ansonsten Margin Auto wird dir helfen

Unregistriert

danke für die antwort, werde wohl den code aufräumen, auf div design umschreiben, margin:auto; hat geholfen, wie bin ich nicht drauf gekommen, danke dir !

Unregistriert

das problem mit dem fade in ist leider geblieben... jemand eine idee ?

Pion

Also in meinen FF 3.5.8 geht alles

Unregistriert

danke fürs prüfen, hab grad firefox installiert und sehe da, firefox schaffts, iexplorer zeigt den fade effekt einfach nicht an, und chrome zeigt meistens einfach garnix außer background. woran kanns liegen ?

Unregistriert

So, habe alles schön umgeschrieben, tabellen sind weg, alles im <div> style, etwas schnelleres laden in browsern habe ich bemerkt, jedoch bleibt das problem, in iexplorer ist der fade effekt nicht vorhanden, in chrome funktioniert er manchmal, manchmal blockiert er die seite und nur der background wird angezeigt. jemand noch eine idee ?

der neue quellcode:

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=utf-8">
<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 class="c13" id="maindiv1">
<div id="maindiv2" class="c12">
<div id="innerdiv" class="c6">
<div id="upper" class="c1"></div>
<div id="imagemain" class="c2"><img class="bildschatten" src="/images/main-pic.jpg" width="950" height="340" alt="Mauritius Villa"></div>
<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>
<div id="windowtop" class="c3"></div>
<div id="textboxleft" class="c4"><span lang="RU" class='c3'><br>
Частные виллы для вашего отдыха на острове Маврикий</span><br>
<br>
<span lang="RU" class='c4'>Привыкли отдыхать в отелях? Попробуйте иначе - лучше и дешевле, чем вы привыкли.</span><br>
<br>
<span lang="RU" class='c5'>Поездка на остров Маврикий в Индийском океане будет для вас незабываемой, если вы проведете на одной из его частных вилл счастливую неделю, две недели, или несколько безмятежных месяцев. Целой семьей, в одиночестве, или с хорошими друзьями. В национальном аэропорту острова вас встретит радушный хозяин виллы, отвезет вас на место, познакомит с прислугой и передаст вам ключи. С этого момента ваш отдых - в ваших руках. Разумеется, вы не будете чувствовать себя брошенными на произвол обычаев незнакомой для вас страны. Вам помогут взять напрокат хорошую машину, вас познакомят с соседями, среди которых непременно найдется местный рыбак, готовый поделиться с вами частью своего ежедневного улова, вас отведут на местный рынок и помогут сориентироваться в ценах и в многообразии здешних продуктов, вам помогут организовать любую экскурсию или поездку по острову. С вашей прислугой вы обсудите меню завтраков и ужинов (национальная креольская кухня очень хороша), или готовьте сами, если хотите окунуться в мир незнакомых для вас продуктов и специй, - на кухне вы найдете все, к чему привыкли дома, и даже больше того.</span><br>
<br>
<span lang="RU" class='c4'>Наши цены:</span><br>
<br>
<span lang="RU" class='c5'>Цены на виллы варьируются в зависимости от времени года: в разгар местного лета (очень тепло) они выше, в межсезонье (просто тепло) ниже. Имеется в виду фиксированная цена на дом и сутки проживания, как правило, вне зависимости от числа фактически отдыхающих. В оплату входят все расходы: газ, вода, электричество, интернет, местный телефон, входящие международные телефонные разговоры. Исходящие международные телефонные разговоры оплачиваются отдельно.</span><br>
<br>
<span lang="RU" class='c4'>Что такое частная вилла?</span><br>
<br>
<span lang="RU" class='c5'>Это просторный уютный дом со всеми удобствами, стильно обставленный и щедро оборудованный всем необходимым для длительной самостоятельной жизни, окруженный садом и надежной оградой. В нем вы не будете лишены ничего такого, к чему вы привыкли дома, вам не нужно брать с собой ничего, кроме личной одежды, о чистоте которой, также как и о чистоте виллы, будет заботиться хорошо обученный персонал. От услуг последнего вы можете и отказаться, что было бы не разумным, поскольку они входят в оплату вашего проживания.</span><br>
<br>
<span lang="RU" class='c4'>Чем отдых на частной вилле лучше отдыха в отеле?</span><br>
<br>
<span lang="RU" class='c5'>А чем хорош отдых в отеле? Вы будете избавлены от его однообразия, от вынужденного и удручающего соседства с себе подобными, окунетесь в культуру местных жителей и познаете вкус еще во многом колониального стиля жизни острова. Такой комфортной жизни с личной прислугой вам не обеспечит ни один отель, а денег вы потратите в два-три раза меньше. Взятая на прокат машина позволит вам объездить красивейшие уголки острова, его лучшие, спрятанные от посторонних глаз пляжи и, не в последнюю очередь, магазины одежды, где от предложенных цен у вас приятно закружится голова. В креольских, китайских, индийских и африканских ресторанах острова вас накормят разнообразнее и дешевле, чем в самом фешенебельном отеле, рынки удивят обилием как знакомых, так и экзотических овощей и фруктов по чисто символической цене. А свежую рыбу, креветки и лангустов вам, с вашего согласия, будут приносить по утрам рыбаки прямо на кухню. Побалуйте себя, разрешите вашей прислуге приготовить из всего этого что-нибудь вкусное. И, проезжая на машине мимо обособленных, огороженных от жизни острова отелей, посочувствуйте их невидимым обитателям.</span><br>
<br>
<span lang="RU" class='c4'>Будете ли вы чувствовать себя в безопасности?</span><br>
<br>
<span lang="RU" class='c5'>Колониальное прошлое острова привило большей части населения врожденное уважение к чужой собственности, а его во многом зависящее от туризма настоящее - почтительное отношение к приезжим. Вы почувствуете это, едва ступив на землю Маврикия. Население республики глубоко религиозно, в плане морали оно легко обгонит иную индустриально развитую страну. Правонарушения по отношению к туристам не типичны и сводятся к мелким кражам. И, тем не менее: на вилле вы найдете надежный личный сейф, а в ваше отсутствие ее будет охранять современная сигнализация.</span><br>
<br>
<span lang="RU" class='c4'>Сколько уйдет денег на проживание?</span><br>
<br>
<span lang="RU" class='c5'>Если будете питаться дома, то примерно столько же, сколько уходит на проживание в любом российском городе. За одним исключением: вегетарианцы и любители рыбы питаются практически бесплатно. На остальные продукты питания, включая алкоголь, в крупных супермаркетах острова вы найдете цены, соизмеримые с ценами российских магазинов. При этом качество продуктов (опять-таки включая алкоголь) несравненно выше,- значительная их часть традиционно завозится из Франции. Бензин несколько дороже, чем в России, но покупать его не жалко, поскольку есть, где поездить и что посмотреть. Рестораны - на любой вкус и по любой цене, но в целом не дорогие, начиная от 5 евро за ужин без напитков и алкоголя в расчете на 1 человека. Остерегайтесь ресторанов в местах скопления отелей - будет дорого и, скорее всего, невкусно. Что касается уличной торговли индийскими пирожками с егетарианской начинкой, то покупайте и ешьте их без опасений, - они чисто приготовлены, дешевы и вкусны, хотя и заворачиваются иногда в газетную бумагу.</span><br>
<br>
<span lang="RU" class='c4'>Что вам нужно сделать, чтобы организовать ваш отдых на Маврикии?</span><br>
<br>
<span lang="RU" class='c5'>Познакомиться с нашими предложениями, выбрать виллу, определиться со сроками, связаться с нами по телефону или написать нам. Мы переговорим с владельцем, узнаем, свободна ли вилла в указанное вами время и свяжемся с вами для обсуждения вопросов бронирования и оплаты. В большинстве случаев оплата производится на месте, по прибытии на остров. Обычно выплачивается небольшой аванс. Заблаговременное получение визы для российских граждан не нужно! После бронирования и выплаты аванса мы высылаем вам письменное подтверждение с адресом и сроками вашего проживания на острове, необходимое для получения вами туристической визы на месте, в аэропорту Маврикия. По завершении всех формальностей мы свяжем вас с хозяином виллы и вышлем вам краткую памятку с нашими советами и наставлениями - узнайте остров также хорошо, как знаем его мы!</span><br>
<br>
<span lang="RU" class='c4'>Я пропускал географию. Что это за остров такой - Маврикий?</span><br>
<br>
<span lang="RU" class='c5'>«Модель рая» - Марк Твен<br>
«Жемчужина, источающая сладость» - Джозеф Конрад<br>
<br>
Маврикий входит в тройку самых красивых и популярных туристических курортов мира наряду с Мальдивскими и Сейшельскими островами. Круглый год к услугам туристов теплое море и 100 км великолепных песчаных пляжей. Ваши знания об острове вы можете восполнить здесь:</span><br>
<br>
<span lang="RU" class='c4'>А как я долечу до острова?</span><br>
<br>
<span lang="RU" class='c5'>Этого мы не знаем. Но можем подсказать вам несколько вариантов. Регулярные круглогодичные прямые перелеты по вполне доступным ценам осуществляются авиакомпанией Air Mauritius из крупных российских городов - наведите справку на сайте авиакомпании http://www.airmauritius.com/index.htm или обратитесь в любое туристическое агентство. Здесь же вы сможете убедиться в очевидной выгодности наших предложений. Прямые рейсы из Германии, Австрии и Швейцарии осуществляют авиакомпании Air Mauritius и Condor, из Англии - British Airways, из Франции - Air France. Перелет в оба конца стоит недорого - от 600 до 1000 евро.</span></div>
<div id="textboxright" class="c5"><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&amp;txt=Hello World&amp;bgcolor=#222222&amp;txtcolor=#FFFFFF&amp;barbgcolor=#999999&amp;loadbar=#3c3c3c&amp;posbar=000000&amp;loop=true">
<param name="quality" value="high">
<param name="bgcolor" value="#222222">
<embed src="mp3.swf?mp3url=hello.mp3&amp;txt=Hello%20World&amp;bgcolor=#222222&amp;txtcolor=#FFFFFF&amp;barbgcolor=#999999&amp;loadbar=#3c3c3c&amp;posbar=000000&amp;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"></object><br>
<br>
<br>
<a href="/pavillon.html"><img class="bildschatten280px c7" src="/images/pavillon.jpg" align="middle" alt="Le Pavillon"></a>
<p><span lang="RU" class='c8'>Le Pavillon - компактная вилла для тех, кто желает отдохнуть просто, но уютно. Для 2-4 человек, от 50 евро в сутки.</span></p>
<a href="/trouloulous.html"><img class="bildschatten280px c7" src="/images/trouloulous.jpg" align="middle" alt="Les Trouloulous"></a>
<p><span lang="RU" class='c8'>Вилла Les Trouloulous - комфорт и покой вдалеке от организованного туризма. Для тех, кто хочет познать типичную жизнь и культуру острова. Для 1 - 6 человек, от 90 евро в сутки за всех проживающих.</span></p>
<a href="/farniente.html"><img class="bildschatten280px c7" src="/images/farniente.jpg" align="middle" alt="Farniente"></a>
<p><span lang="RU" class='c8'>Вилла Farniente - ваш отдых будет окружен комфортом, покоем и уединением. для 1 - 6 отдыхающих, от 125 евро в сутки за всех проживающих.</span></p>
<a href="/riambelle.html"><img class="bildschatten280px c7" src="/images/riambelle.jpg" align="middle" alt="Riambelle"></a>
<p><span lang="RU" class='c8'>Вилла RIAMBELLE - ни с чем не сравнимый люкс по разумной цене. Для 2 - 11 человек, от 325 евро в сутки за всех проживающих.</span></p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
 
<!--//--><![CDATA[//><!--
document.write( '<\/div><!-- content-wrapper -->' );
//--><!]]>
</script>
</body>
</html>

Alles anzeigen

Tobse

Zitat

Code

$(document).ready(function() 
{
                // fade in content.
                $( '#content-wrapper' ).fadeIn("slow");         
});
[...]
[I][COLOR=#000080]<!--//-->[/COLOR][/I][COLOR=#000080]<![CDATA[//>[/COLOR][I][COLOR=#000080]<!--
document.write( '<div id=[COLOR=#0000ff]"content-wrapper"[/COLOR]>' );
//-->[/COLOR][/I][COLOR=#000080]<!]]>[/COLOR]
[COLOR=#800000][COLOR=Black][...]
[/COLOR][/COLOR]

Alles anzeigen

Es kann sein, dass das Nicht ganz klappt, weil es content-wrapper zum zeitounk von *.fadeIn("slow); noch nich gibt. Warum hast du denn den Content-Wrapper nich im quellcode stehen? Mach das mal.

Unregistriert

Danke ! hatte völlig übersehen und nicht daran gedacht, dass styles.css erst nach
$( '#content-wrapper' ).fadeIn("slow");
eingebunden wurde, dadurch kam es zu den problemen. jetzt funktioniert alles. Top !

Tags