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

Seite wird in Browser nicht richtig dargestellt

S

Stonie

Neues Mitglied
Servus :)

Erstmal vorweg ist das meine 1. Seite die ich erstelle, ich nehme mir hierzu Hilfe mit Expression web, aber muss dazu sagen das ich vieles per hand ändere und ich persönlich so HTML eher erlerne als wenn ich es irgendwo erlese (was ich natürlich nebenbei auch noch mache)

Nun mal zu meinem Problem, und zwar wenn ich die Seite auf meinem Pc so betrachte ist alles ok, nur wenn ich die Hochlade dann gehen die Seiten komisch auf. Ich vermute das es an dem Java Photoalbum liegt, bin mir aber nicht sicher und weis auch nocht wie ich das fixen kann..
Und ausserdem lädt der inet explorer 8.0 die Index seite erst gar nicht, erzählt was von einem Fehler doch ich persönlich kann da nix finden :(
Im Mozilla "stottert" die Seite so komisch auf.. und genau das möchte ich nicht...

Hier ersmal der Link zu meinem Testspace www.35igeschwader.de (es funktionieren erstmal nur verlinkungen bei "Zimmerreservierungen", weiter bin ich noch nicht)

und hier noch der Quellcode von einer seite..

Ich würd Luftsprünge machen wenn mir einer bei diesem Problem helfen könnte, das wurmt mich nämlich schon extrem.

Code: 
<style>
.style2 {
    text-align: center;
}
.style4 {
    font-size: 40pt;
}
.style7 {
    text-align: center;
    font-size: medium;
    color: #C0C0C0;
}
.style8 {
    font-size: x-small;
    color: #FFFFFF;
}
.style9 {
    color: #FFFFFF;
    font-size: large;
}
.style11 {
    color: #FFFFFF;
}

.style12 {
    color: #FFFFFF;
    font-size: x-large;
}
}
:focus {
outline: solid 0;
}
<style>A#vbUL_f3nxta{display:none}</style>
</style>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script language="JavaScript" type="text/JavaScript">

image1 = new Image;
image1.src = "Bilder/Terra/1s.jpg";

image2 = new Image;
image2.src = "Bilder/Terra/1sw.jpg";

image3 = new Image;
image3.src = "Bilder/Terra/2s.jpg";

image4 = new Image;
image4.src = "Bilder/Terra/2sw.jpg";

image5 = new Image;
image5.src = "Bilder/Terra/3s.jpg";

image6 = new Image;
image6.src = "Bilder/Terra/3sw.jpg";

</script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" >
</HEAD>

<BODY background="img/bg.gif" bgcolor="#202020" topmargin="0" leftmargin="0">

<div class="style2">
<table bgcolor="#202020" width="776" height="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="3" bgcolor="#FFFFFF"></td>
<td width="770" valign="top">
 
    <table bgcolor="#202020" width="770" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="132" valign="middle" background="img/headerback.jpg" class="style2"> 
    <tr>
    <td style="height: 10px"><link href="Pf-files/styles_f3nxt.css" type="text/css" rel="stylesheet">
<ul id="vbUL_f3nxt" class="vbULf3nxt" style="visibility:hidden;">
<li><a href="index.html" title="Startseite">Startseite</a></li></ul>
<ul id="vbUL_n3nxt" class="vbULf3nxt" style="visibility:hidden;">
<li><a title="Boxen">Boxen</a></li>
<li><a title="Koppel">Koppel</a></li>
<li><a title="Futtermittel">Futtermittel</a></li>
<li><a title="Preise">Preise</a></li></ul>
<ul id="vbUL_h3nxt" class="vbULf3nxt" style="visibility:hidden;">
<li><a href="Terra.html" title="Terrazimmer">Terrazimmer</a></li>
<li><a href="Petrol.html" title="Petrolzimmer">Petrolzimmer</a></li>
<li><a href="Bambus.html" title="Bambuszimmer">Bambuszimmer</a></li>
<li><a href="Speiseraum.html" title="Speiseraum">Speiseraum</a></li>
<li><a href="Schwimm.html"title="Schwimmbad / Sauna">Schwimmbad&nbsp;/&nbsp;Sauna</a></li>
<li><a href="Zimmerpreise.html" title="Preise Gästezimmer">Preise&nbsp;Gästezimmer</a></li>
<li><a href="Pferdepreise.html" title="Preise Gastboxen">Preise&nbsp;Gastboxen</a></li></ul>
<ul id="vbUL_j3nxt" class="vbULf3nxt" style="visibility:hidden;">
<li><a title="Wanderroute">Wanderroute</a></li></ul>
<ul id="vbUL_k3nxt" class="vbULf3nxt" style="visibility:hidden;">
<li><a title="Kontak / Reservierungen">Kontak&nbsp;/&nbsp;Reservierungen</a></li>
<li><a title="Gästebuch">Gästebuch</a></li>
<li><a title="Forum">Forum</a></li>
<li><a title="Impressum">Impressum</a></li></ul>
<ul id="vbUL_g3nxt" class="vbULf3nxt" style="visibility:hidden;">
<li><a title="2009">2009</a><img src="Pf-files/arf3nxt.gif">
<ul id="vbUL_1rnxt" class="vbULf3nxt">
<li><a title="Grundkurs Osterferien">Grundkurs&nbsp;Osterferien</a></li></ul></li></ul>
<script type="text/javascript"> var vbImgPath="Pf-files/"</script>
<script type="text/javascript" src="Pf-files/scf3nxt.js"></script>
<table id="vista-buttons.com:idf3nxt" width=0 cellpadding=0 cellspacing=0 border=0><tr><td style="padding-right:0px" title ="Home">
<a onmouseover='xpe("f3nxto");xpshow("f3nxt",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_f3nxt" src="Pf-files/btf3nxt_0.gif" name="vbf3nxt" width="72" height="30" border="0" alt="Home"></a></td><td style="padding-right:0px" title ="Boxen">
<a onmouseover='xpe("n3nxto");xpshow("n3nxt",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_n3nxt" src="Pf-files/btn3nxt_0.gif" name="vbn3nxt" width="74" height="30" border="0" alt="Boxen"></a></td><td style="padding-right:0px" title ="Zimmerreservierung">
<a onmouseover='xpe("h3nxto");xpshow("h3nxt",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_h3nxt" src="Pf-files/bth3nxt_0.gif" name="vbh3nxt" width="178" height="30" border="0" alt="Zimmerreservierung"></a></td><td style="padding-right:0px" title ="Wandern">
<a onmouseover='xpe("j3nxto");xpshow("j3nxt",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_j3nxt" src="Pf-files/btj3nxt_0.gif" name="vbj3nxt" width="95" height="30" border="0" alt="Wandern"></a></td><td style="padding-right:0px" title ="Kontakt">
<a onmouseover='xpe("k3nxto");xpshow("k3nxt",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_k3nxt" src="Pf-files/btk3nxt_0.gif" name="vbk3nxt" width="84" height="30" border="0" alt="Kontakt"></a></td><td style="padding-right:0px" title ="Veranstaltungen">
<a onmouseover='xpe("g3nxto");xpshow("g3nxt",0,this);xpsmover(this);' onmouseout='xpsmout(this);'><img id="xpi_g3nxt" src="Pf-files/btg3nxt_0.gif" name="vbg3nxt" width="143" height="30" border="0" alt="Veranstaltungen"></a></td><td style="padding-right:0px" title ="Chaos Team">
<a onmouseover='xpe("irnxto");' onmouseout='xpe("irnxtn");'>
    <img id="xpi_irnxt" src="Pf-files/btirnxt_0.gif" name="vbirnxt" width="123" height="30" border="0" alt="Chaos Team"></a></td></tr></table>
</td> 
    </tr>
    <tr>
    <td height="32" valign="middle" background="img/bluebg.gif" class="style7">
    &nbsp;</td> 
    </tr>
    <table style="width: 100%; height: 61px;" bgcolor="#464646">
    <tr bgcolor="#464646">
    <td style="width: 788px">
    <img alt="" height="32" src="img/shadow1.gif" width="764"></td>
    <tr bgcolor="#464646">
    <td style="width: 788px" class="style2"><strong>
    <span class="style12">Terrazimmer</span><span class="style9"><br><br>
    <br></span></strong></td>
    </tr>
    </table>
    <table bgcolor="#464646"><tr>
                        <td style="width: 388px" class="style2">
                        <a href="Bilder/Terra/1.JPG" rel="lightbox" title="Das gemütlich Doppelbett" onMouseOver="Bild1.src=image2.src" onMouseOut="Bild1.src=image1.src">
    <img src="Bilder/Terra/1s.jpg" border="0" name="Bild1"></a></td>
                        <td style="width: 388px" class="style2">
    <span class="style11">Viel Platz und eine gemütliche 
        Sitzecke 
    </span><br class="style11"><span class="style11">bietet unser großes und 
        helles Gästezimmer.</span></td>
                    </tr>
                    <tr>
                        <td style="width: 388px; height: 5px;" class="style2">
                        <span class="style11">Ausgestattet mit einem komfortablem Bett</span><br class="style11">
                        <span class="style11">&nbsp;lädt es, dank 
    ruhiger Lage</span><br class="style11">
                        <span class="style11">zum entspannen ein</span></td>
                        <td style="height: 5px; width: 388px" class="style2">
                        <a href="Bilder/Terra/2.JPG" rel="lightbox" title="Zeit für ein schönes Buch" onMouseOver="Bild2.src=image4.src" onMouseOut="Bild2.src=image3.src">
    <img src="Bilder/Terra/2s.jpg" border="0" name="Bild2"></a></td>
                    </tr> 
                    <tr>
                        <td style="width: 388px; height: 5px;" class="style2">
                        <a href="Bilder/Terra/3.JPG" rel="lightbox" title="Das Bett für unsere kleinen Gäste" onMouseOver="Bild3.src=image6.src" onMouseOut="Bild3.src=image5.src">
    <img src="Bilder/Terra/3s.jpg" border="0" name="Bild3"></a></td>
                        <td style="height: 5px; width: 388px" class="style2">
                        <br><span class="style11">Es besteht immer die 
                        Möglichkeit das</span><br class="style11">
                        <span class="style11">Zimmer für Kinder zu erweitern</span><br></td>
                    </tr> </table>
    <table bgcolor="#464646"><tr>
                        <td style="width: 764px" class="style2">
                        <img alt="" height="32" src="img/shadow2.gif" width="764"></td>
                    </tr>
                    </table>    <table bgcolor="#202020" width="770" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="32" width="740" align="right" valign="middle" background="img/bluebg.gif">
    <span class="style8">© 2008 - M.S.</span> &nbsp; </td> 
    </tr>
    </table>  
                <table bgcolor="#464646" style="width: 100%">
                    
                </table>
    <td width="3" bgcolor="#FFFFFF"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </div>
    </body>
    </HTML>
 
So danke schonmal für die Antwort..

Habe soweit alles abgearbeitet, nur zeigt mir dieser "Validator" nun massig fehler an das ich viele sachen gross geschrieben habe (sie sind aber alle klein, hab sie schon manuell kleingeschrieben)
Und dieses "Stottern" ist leider auch noch nicht weg.. Habe auch nur erstmal den index bearbeitet..
 
Informiere dich bitte über Doctypes. Der von dir verwendete ist zu alt und noch dazu fehlerhaft. Außerdem gehört eine xml-Deklaration wenn dann vor den Doctype, jedoch würde ich dir raten darauf zu verzichten. Vermutlich meldet der Validator deswegen auch aus deiner Sicht "seltsame" Fehler, was jedoch allesamt Folgefehler wg. dem Doctype und/oder im Quellcode vorher auftauchenden Fehlern sind.

Ein anderer Validator wäre: HTML / XHTML / XML / WML Validator
Außerdem gibt es ihn z.B. für den Firefox und auch Internet Explorer ab Version 7 zum Download.
 
So hab gez eigentlich alle grösseren Fehler beseitigt,

Im IE wird die Seite hetzt auch geladen, aber leider "blitzt" es immer weiss auf wenn ich die auf eine Verlinkung innerhalb der Seite klicke, beim Firefox rastert die Seite leider immer noch so blöde auf..

Was kann dafür verantwortlich sein??
 
Ich habe dein Quelltext nicht angeguckt aber ich sehe keinen Fehler unter IE, FireFox und Opera. Unter Chome geht die Seite garnicht. Nur Hintergrund und eine graue Box in der Mitte...
Hast das JavaScript selber geschrieben?

€dit: Welchen Doctype hast du bitte genommen?? Für Frames?
 
Stonie schrieb:
Im IE wird die Seite hetzt auch geladen, aber leider "blitzt" es immer weiss auf wenn ich die auf eine Verlinkung innerhalb der Seite klicke, beim Firefox rastert die Seite leider immer noch so blöde auf.
Zum Vergrößern anklicken....
Da ich sowas nicht feststellen kann, vermute ich, dass Du beschreibst, wie ein Browser eine neue Seite aufbaut. Bei älteren Modellen des IE konnte man IIRC beobachten, dass der erst den Viewport löscht und dann die Seite lädt bzw. neu aufbaut. Bei weißer Hintergrundfarbe führt das zu nem weißen "Blitz".
Ähnlich haben das auch ältere Browser gemacht, z.B. Netscape 4. Firefox hat das meines Wissens noch nie so gemacht, so dass der Übergang zwischen zwei Seiten hier immer gut (fließend) aussieht.

An diesem Verhalten kannst Du jedenfalls nichts ändern, wenn das die Ursache ist.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben