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!
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!
Ich weiß nicht genau, was du meinst. Könnte an dem Scrollbalken liegen, den du auf der Startseite nicht hast. -
Nein, ich meine, wenn du zum Beispiel auf Gästebuch oder Galerie-Fotos oder Aktuelles-Wetter klickst
-
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. -
den code
Das besteht aus ziemlich vielen Schnipseln.
Hmm, ich poste mal im nächsten Post ein Beispiel -
navi.html:
Code
Alles anzeigen<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">• Fahrer</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=trainer">• Trainer</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=vorstand">• 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">• Termine</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=training">• Training</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=wetter">• 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">• Bilder</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=videos">• 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">• Rennen</a> </li> <li> <a href="http://www.rad-net.de/modules.php?name=Breitensport&menuid=287">• RTF/CTF</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=sonstige">• Sonstige</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/trainingslager.pdf">• 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">• Formulare</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=links">• Links</a> </li> <li> <a href="http://www.staubwolke-fischeln.de/new/index.php?page=spenden">• 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:
PHP<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>
-
Was erwartest Du wenn Du die Grundlagen ignorierst?
-
Ja, der Doctype ist nicht drin.
Bei FF funktionierts auch ohne!
Ja, ich mache ihn später noch rein, aber nicht jetzt -
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.
-
Was soll ich denn machen?
-
Mach die seite neu
-
es neu und richtig!
-
Da wir hier ja nicht im Bereich "Euro Homepage" möchte ich mich über die Seite an sich gar nicht erst auslassen, aber Sätze zu lesen wie "Bitte aktivieren Sie JavaScript um alle Funktionen nutzen zu können." nur um die Navigation zu sehen finde ich schon traurig. Da solltest Du Dir wirklich Gedanken über einen Neuanfang machen. Und nur weil der Quirks-Mode im Fiorefox so fehlertollerant das alles schick ausssieht, lässt darauf schließne dass in anderen Browsern vieles im argen ist.
-
Habe wieder was altes draufgezogen