Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: Webseite wird nicht richtig angezeigt

  1. #1
    lmb
    Gast

    Standard Webseite wird nicht richtig angezeigt

    Hallo liebe Community,
    ich habe das Problem, dass die Webseite verzogen dargestellt wird, könnt ihr mir helfen?
    Hier der Link, Quelltext seht ihr ja sowieso
    http://www.staubwolke-fischeln.de
    MfG
    Der Lukas
    PS: Auf der Startseite nicht, aber auf den Unterseiten zusehen!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Webseite wird nicht richtig angezeigt

    Zitat Zitat von lmb Beitrag anzeigen
    Hallo liebe Community,
    ich habe das Problem, dass die Webseite verzogen dargestellt wird, könnt ihr mir helfen?
    Hier der Link, Quelltext seht ihr ja sowieso
    http://www.staubwolke-fischeln.de
    MfG
    Der Lukas
    PS: Auf der Startseite nicht, aber auf den Unterseiten zusehen!
    Ich weiß nicht genau, was du meinst. Könnte an dem Scrollbalken liegen, den du auf der Startseite nicht hast.

  3. #3
    Unregistriert
    Gast

    Standard AW: Webseite wird nicht richtig angezeigt

    Nein, ich meine, wenn du zum Beispiel auf Gästebuch oder Galerie-Fotos oder Aktuelles-Wetter klickst

  4. #4
    Kaiser(in)
    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Webseite wird nicht richtig angezeigt

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Nein, ich meine, wenn du zum Beispiel auf Gästebuch oder Galerie-Fotos oder Aktuelles-Wetter klickst
    Ahja, ich sehe - poste mal bitte den Code.

  5. #5
    Unregistriert
    Gast

    Standard AW: Webseite wird nicht richtig angezeigt

    den code
    Das besteht aus ziemlich vielen Schnipseln.
    Hmm, ich poste mal im nächsten Post ein Beispiel

  6. #6
    Unregistriert
    Gast

    Standard AW: Webseite wird nicht richtig angezeigt

    navi.html:
    Code:
    <style ="text/css">
    #navlist
    {
    padding: 1px;
    margin-left: 0;
    font: bold 13px monospace;
    background: #52A00C;
    width: 100px;
    color: #000066; }
    
    #navlist li
    {
    list-style: none;
    margin: 0px;
    border-bottom: 1px #004080 dotted;
    text-align: left;
    }
    #navlist li a
    {
    display: block;
    padding: 0.25em 0.5em 0.25em 0.5em;
    text-decoration: none;
    }
    
    #navlist li a:link { color: #000000; }
    #navlist li a:visited { color: #000000; }
    
    #navlist li a:hover
    {
    color: #000080;
    background: white;
    }
    #tooltips a:link { color: #ffffff; }
    #tooltips a:visited { color: #ffffff; }
    #tooltips a:active { color: #ffffff; }
    #tooltips a:hover { background-color: #808080; }
    b.round,b.roundfill{display:block}
    b.round *{
        display:table-row;
        height: 1px;
        line-height:1px;
        font-size: 1px;
        overflow:visible;
        border-style:solid;
        border-width: 0 1px}
    
    b.corners,b.fill{display:block}
    b.corners *{display:block;height: 1px;line-height:1px;font-size: 1px;
        overflow:hidden;border-style:solid;border-width: 0 1px}
    
    b.r1{margin: 0 3px;border-width: 0 2px}
    b.r2{margin: 0 2px}
    b.r3{margin: 0 1px}
    b.r4{height: 2px}
    b.rb1{margin: 0 8px;border-width:0 2px}
    b.rb2{margin: 0 6px;border-width:0 2px}
    b.rb3{margin: 0 5px}
    b.rb4{margin: 0 4px}
    b.rb5{margin: 0 3px}
    b.rb6{margin: 0 2px}
    b.rb7{margin: 0 1px;height:2px}
    b.rb8{margin: 0;height:2px}
    b.rs1{margin: 0 1px}
    
    b.t1{border-width: 0 5px}
    b.t2{border-width: 0 3px}
    b.t3{border-width: 0 2px}
    b.t4{height: 2px}
    b.tb1{border-width: 0 10px}
    b.tb2{border-width: 0 8px}
    b.tb3{border-width: 0 6px}
    b.tb4{border-width: 0 5px}
    b.tb5{border-width: 0 4px}
    b.tb6{border-width: 0 3px}
    b.tb7{border-width: 0 2px;height:2px}
    b.tb8{border-width: 0 1px;height:2px}
    b.ts1{border-width: 0 2px}
    
    * { padding:0; margin:0;}
    body { background-image: url('http://www.staubwolke-fischeln.de/new/background.gif'); font-family: Arial,sans-serif;}
    div#box {
            position: absolute;
            width: 100px;
            padding: 20px;
            margin-top: 50px;
            margin-left: 50px;
            float: left;
            background: #52A00C;}
    h1 { color: #444; margin-bottom: 10px;}
    
    </style>
    <script language="JavaScript">
    <!--
    function zeige_verstecke( span ) {
    displayType = ( document.getElementById( span ).style.display == 'none'
    ) ? 'block' : 'none';
    document.getElementById( span ).style.display = displayType;
    }
    //-->
    </script>
    
    <script language="JavaScript">
    //<!--
    var RoundedCornersOk=(document.getElementById && document.createElement && Array.prototype.push);
    var RoundedCornersCss=false;
    
    String.prototype.find=function(what){
    return(this.indexOf(what)>=0 ? true : false);
    }
    
    var oldonload=window.onload;
    if(typeof(RoundedCornersLoad)!='function') RoundedCornersLoad=function(){};
    if(typeof(oldonload)=='function')
        window.onload=function(){oldonload();AddCss();RoundedCornersLoad()};
    else window.onload=function(){AddCss();RoundedCornersLoad()};
    
    function AddCss(){
    RoundedCornersCss=true;
    var l=CreateEl("link");
    l.setAttribute("type","text/css");
    l.setAttribute("rel","stylesheet");
    l.setAttribute("href","round.css");
    l.setAttribute("media","screen");
    document.getElementsByTagName("head")[0].appendChild(l);
    }
    
    function RoundedCorners(selector,options){
    if(RoundedCornersOk==false) return;
    if(RoundedCornersCss==false) AddCss();
    var i,v=selector.split(","),h=0;
    if(options==null) options="";
    if(options.find("fixed-height"))
        h=getElementsBySelector(v[0])[0].offsetHeight;
    for(i=0;i<v.length;i++)
        Rounded(v[i],options);
    if(options.find("height")) SameHeight(selector,h);
    }
    
    function Rounded(selector,options){
    var i,top="",bottom="",v=new Array();
    if(options!=""){
        options=options.replace("left","tl bl");
        options=options.replace("right","tr br");
        options=options.replace("top","tr tl");
        options=options.replace("bottom","br bl");
        options=options.replace("transparent","alias");
        if(options.find("tl")){
            top="both";
            if(!options.find("tr")) top="left";
            }
        else if(options.find("tr")) top="right";
        if(options.find("bl")){
            bottom="both";
            if(!options.find("br")) bottom="left";
            }
        else if(options.find("br")) bottom="right";
        }
    if(top=="" && bottom=="" && !options.find("none")){top="both";bottom="both";}
    v=getElementsBySelector(selector);
    for(i=0;i<v.length;i++){
        FixIE(v[i]);
        if(top!="") AddTop(v[i],top,options);
        if(bottom!="") AddBottom(v[i],bottom,options);
        }
    }
    
    function AddTop(el,side,options){
    var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
    d.style.marginLeft="-"+getPadding(el,"Left")+"px";
    d.style.marginRight="-"+getPadding(el,"Right")+"px";
    if(options.find("alias") || (color=getBk(el))=="transparent"){
        color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
        }
    else{
        bk=getParentBk(el); border=Mix(color,bk);
        }
    d.style.background=bk;
    d.className="corners";
    p=getPadding(el,"Top");
    if(options.find("small")){
        d.style.marginBottom=(p-2)+"px";
        btype+="s"; lim=2;
        }
    else if(options.find("big")){
        d.style.marginBottom=(p-10)+"px";
        btype+="b"; lim=8;
        }
    else d.style.marginBottom=(p-5)+"px";
    for(i=1;i<=lim;i++)
        d.appendChild(CreateStrip(i,side,color,border,btype));
    el.style.paddingTop="0";
    el.insertBefore(d,el.firstChild);
    }
    
    function AddBottom(el,side,options){
    var d=CreateEl("b"),lim=4,border="",p,i,btype="r",bk,color;
    d.style.marginLeft="-"+getPadding(el,"Left")+"px";
    d.style.marginRight="-"+getPadding(el,"Right")+"px";
    if(options.find("alias") || (color=getBk(el))=="transparent"){
        color="transparent";bk="transparent"; border=getParentBk(el);btype="t";
        }
    else{
        bk=getParentBk(el); border=Mix(color,bk);
        }
    d.style.background=bk;
    d.className="corners";
    p=getPadding(el,"Bottom");
    if(options.find("small")){
        d.style.marginTop=(p-2)+"px";
        btype+="s"; lim=2;
        }
    else if(options.find("big")){
        d.style.marginTop=(p-10)+"px";
        btype+="b"; lim=8;
        }
    else d.style.marginTop=(p-5)+"px";
    for(i=lim;i>0;i--)
        d.appendChild(CreateStrip(i,side,color,border,btype));
    el.style.paddingBottom=0;
    el.appendChild(d);
    }
    
    function CreateStrip(index,side,color,border,btype){
    var x=CreateEl("b");
    x.className=btype+index;
    x.style.backgroundColor=color;
    x.style.borderColor=border;
    if(side=="left"){
        x.style.borderRightWidth="0";
        x.style.marginRight="0";
        }
    else if(side=="right"){
        x.style.borderLeftWidth="0";
        x.style.marginLeft="0";
        }
    return(x);
    }
    
    function CreateEl(x){
    return(document.createElement(x));
    }
    
    function FixIE(el){
    if(el.currentStyle!=null && el.currentStyle.hasLayout!=null && el.currentStyle.hasLayout==false)
        el.style.display="inline-block";
    }
    
    function SameHeight(selector,maxh){
    var i,v=selector.split(","),t,j,els=[],gap;
    for(i=0;i<v.length;i++){
        t=getElementsBySelector(v[i]);
        els=els.concat(t);
        }
    for(i=0;i<els.length;i++){
        if(els[i].offsetHeight>maxh) maxh=els[i].offsetHeight;
        els[i].style.height="auto";
        }
    for(i=0;i<els.length;i++){
        gap=maxh-els[i].offsetHeight;
        if(gap>0){
            t=CreateEl("b");t.className="fill";t.style.height=gap+"px";
            nc=els[i].lastChild;
            if(nc.className=="corners")
                els[i].insertBefore(t,nc);
            else els[i].appendChild(t);
            }
        }
    }
    
    function getElementsBySelector(selector){
    var i,j,selid="",selclass="",tag=selector,tag2="",v2,k,f,a,s=[],objlist=[],c;
    if(selector.find("#")){ //id selector like "tag#id"
        if(selector.find(" ")){  //descendant selector like "tag#id tag"
            s=selector.split(" ");
            var fs=s[0].split("#");
            if(fs.length==1) return(objlist);
            f=document.getElementById(fs[1]);
            if(f){
                v=f.getElementsByTagName(s[1]);
                for(i=0;i<v.length;i++) objlist.push(v[i]);
                }
            return(objlist);
            }
        else{
            s=selector.split("#");
            tag=s[0];
            selid=s[1];
            if(selid!=""){
                f=document.getElementById(selid);
                if(f) objlist.push(f);
                return(objlist);
    
                }
            }
        }
    if(selector.find(".")){      //class selector like "tag.class"
        s=selector.split(".");
        tag=s[0];
        selclass=s[1];
        if(selclass.find(" ")){   //descendant selector like tag1.classname tag2
            s=selclass.split(" ");
            selclass=s[0];
            tag2=s[1];
            }
        }
    var v=document.getElementsByTagName(tag);  // tag selector like "tag"
    if(selclass==""){
        for(i=0;i<v.length;i++) objlist.push(v[i]);
        return(objlist);
        }
    for(i=0;i<v.length;i++){
        c=v[i].className.split(" ");
        for(j=0;j<c.length;j++){
            if(c[j]==selclass){
                if(tag2=="") objlist.push(v[i]);
                else{
                    v2=v[i].getElementsByTagName(tag2);
                    for(k=0;k<v2.length;k++) objlist.push(v2[k]);
                    }
                }
            }
        }
    return(objlist);
    }
    
    function getParentBk(x){
    var el=x.parentNode,c;
    while(el.tagName.toUpperCase()!="HTML" && (c=getBk(el))=="transparent")
        el=el.parentNode;
    if(c=="transparent") c="http://www.staubwolke-fischeln.de/new/background.gif";
    return(c);
    }
    
    function getBk(x){
    var c=getStyleProp(x,"backgroundColor");
    if(c==null || c=="transparent" || c.find("rgba(0, 0, 0, 0)"))
        return("transparent");
    if(c.find("rgb")) c=rgb2hex(c);
    return(c);
    }
    
    function getPadding(x,side){
    var p=getStyleProp(x,"padding"+side);
    if(p==null || !p.find("px")) return(0);
    return(parseInt(p));
    }
    
    function getStyleProp(x,prop){
    if(x.currentStyle)
        return(x.currentStyle[prop]);
    if(document.defaultView.getComputedStyle)
        return(document.defaultView.getComputedStyle(x,'')[prop]);
    return(null);
    }
    
    function rgb2hex(value){
    var hex="",v,h,i;
    var regexp=/([0-9]+)[, ]+([0-9]+)[, ]+([0-9]+)/;
    var h=regexp.exec(value);
    for(i=1;i<4;i++){
        v=parseInt(h[i]).toString(16);
        if(v.length==1) hex+="0"+v;
        else hex+=v;
        }
    return("#"+hex);
    }
    
    function Mix(c1,c2){
    var i,step1,step2,x,y,r=new Array(3);
    if(c1.length==4)step1=1;
    else step1=2;
    if(c2.length==4) step2=1;
    else step2=2;
    for(i=0;i<3;i++){
        x=parseInt(c1.substr(1+step1*i,step1),16);
        if(step1==1) x=16*x+x;
        y=parseInt(c2.substr(1+step2*i,step2),16);
        if(step2==1) y=16*y+y;
        r[i]=Math.floor((x*50+y*50)/100);
        r[i]=r[i].toString(16);
        if(r[i].length==1) r[i]="0"+r[i];
        }
    return("#"+r[0]+r[1]+r[2]);
    }
    //--></script>
    <script type="text/javascript">
    window.onload=function(){
    RoundedCorners("div#box","big");
    }
    </script>
    <body background="http://www.staubwolke-fischeln.de/new/background.gif">
    		<table width="100%" height="100%"><tr><div id="box">
    <div id="navcontainer">
    <ul id="navlist">
    <a href="http://www.staubwolke-fischeln.de/new"><img style="border: 0px solid ; width: 100px; height: 100px;" alt="logo" title="Home" src="http://www.staubwolke-fischeln.de/new/logo2.png"></a>
    	<li><a href="http://www.staubwolke-fischeln.de/new/index.php">Home</a>
      </li>
    	<li><a onclick="zeige_verstecke('team'); return false;" href="#">Team</a>
      </li>
          <span id="team" style="display: none">
           <li>
             <a href="http://www.staubwolke-fischeln.de/new/index.php?page=fahrer">&bull;&nbsp;Fahrer</a>
           </li>
           <li>
           <a href="http://www.staubwolke-fischeln.de/new/index.php?page=trainer">&bull;&nbsp;Trainer</a>
           </li>
    	     <li>
           <a href="http://www.staubwolke-fischeln.de/new/index.php?page=vorstand">&bull;&nbsp;Vorstand</a>
           </li>
          </span>
      <li>
      <a onclick="zeige_verstecke('aktuelles'); return false;" href="#">Aktuelles</a>
      </li>
           <span id="aktuelles" style="display: none">
           <li>
           <a  href="http://www.staubwolke-fischeln.de/new/index.php?page=termine">&bull;&nbsp;Termine</a>
           </li>
           <li>
           <a href="http://www.staubwolke-fischeln.de/new/index.php?page=training">&bull;&nbsp;Training</a>
           </li>
           <li>
           <a href="http://www.staubwolke-fischeln.de/new/index.php?page=wetter">&bull;&nbsp;Wetter</a>
           </li>
           </span>
    	<li><a onclick="zeige_verstecke('galerie'); return false;" href="#">Galerie</a>
      </li>
           <span id="galerie" style="display: none">
           <li>
           <a  href="http://www.staubwolke-fischeln.de/new/index.php?page=bilder">&bull;&nbsp;Bilder</a>
           </li>
           <li>
           <a href="http://www.staubwolke-fischeln.de/new/index.php?page=videos">&bull;&nbsp;Videos</a>
           </li>
           </span>
    	<li><a onclick="zeige_verstecke('events'); return false;" href="#">Events</a>
     </li>
          <span id="events" style="display: none">
          <li>
          <a  href="http://www.rad-net.de/modules.php?name=Ausschreibung&menuid=288">&bull;&nbsp;Rennen</a>
          </li>
          <li>
          <a href="http://www.rad-net.de/modules.php?name=Breitensport&menuid=287">&bull;&nbsp;RTF/CTF</a>
          </li>
          <li>
          <a href="http://www.staubwolke-fischeln.de/new/index.php?page=sonstige">&bull;&nbsp;Sonstige</a>
          </li>
          <li>
          <a href="http://www.staubwolke-fischeln.de/new/trainingslager.pdf">&bull;&nbsp;Trainingslager</a>
          </li>
          </span>
     <li>
     <a onclick="zeige_verstecke('sonstiges'); return false;" href="#">Sonstiges</a>
     </li>
          <span id="sonstiges" style="display: none">
          <li>
          <a  href="http://www.staubwolke-fischeln.de/new/index.php?page=formulare">&bull;&nbsp;Formulare</a>
          </li>
          <li>
          <a href="http://www.staubwolke-fischeln.de/new/index.php?page=links">&bull;&nbsp;Links</a>
          </li>
          <li>
          <a href="http://www.staubwolke-fischeln.de/new/index.php?page=spenden">&bull;&nbsp;Spenden</a>
          </li>
          </span>
     <li>
     <a href="http://www.staubwolke-fischeln.de/new/index.php?page=guestbook">Gästebuch</a>
     </li>
    </ul>
    </div>
    </div>
    </div></tr></table>
    guestbook.php:

    Code:
    <html>
    <head></head>
    <body>
    <table width="100%" height="100%">
    <td style="vertical-align: top;"><?php include ("navi.html"); ?></td><td><td>
    <table cellspacing="0" cellpadding="0">
    <tr><td><?php include ("guestbook.html"); ?>
    </td></table>
    </body>
    </html>
    guestbook.html:
    Code:
    <div align="center"><iframe border="0" frameborder="0" framespacing="0" name="guestbook" src="http://www.flf-book.de/Benutzer/Staubwolke.htm" style="border:0px #52A00C none;" width="1100" height="800"><p>Ihr Browser unterstützt iFrames/Inlineframes leider nicht.<br>Gehen Sie entweder auf:<br><a href="http://www.flf-book.de/Benutzer/Staubwolke.htm" target="blank">http://www.flf-book.de/Benutzer/Staubwolke.htm</a><br>oder laden Sie sich <a href="http.//www.firefox-browser.de" target="_blank">Mozilla Firefox</a> herrunter.</p></iframe></div>

  7. #7
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard AW: Webseite wird nicht richtig angezeigt

    Was erwartest Du wenn Du die Grundlagen ignorierst?

  8. #8
    Unregistriert
    Gast

    Standard AW: Webseite wird nicht richtig angezeigt

    Ja, der Doctype ist nicht drin.
    Bei FF funktionierts auch ohne!
    Ja, ich mache ihn später noch rein, aber nicht jetzt

  9. #9
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Webseite wird nicht richtig angezeigt

    Elvis hat recht. Der Quellcode ist grausam. Da auf Fehlersuche zu gehen, ist recht Brotlos, da sich mit fast 100%iger Sicherheit pro Bugfix 3 neue Probleme auftuen.

  10. #10
    Unregistriert
    Gast

    Standard AW: Webseite wird nicht richtig angezeigt

    Was soll ich denn machen?

Ähnliche Themen

  1. Script wird im Firefox nicht richtig angezeigt
    Von Bad_Cat im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 18.12.2008, 15:54
  2. Seite wird im IE nicht richtig angezeigt!
    Von DJ_Fabio_Nero im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.12.2007, 14:03
  3. Design wird nicht richtig angezeigt bei Formularen
    Von r4t0n3r0 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.11.2007, 22:48
  4. Website wird nicht richtig angezeigt
    Von Ericfischer im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 27.09.2007, 12:45
  5. Seite wird in IE nicht richtig angezeigt.
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 21.10.2006, 12:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •