Autor |
Nachricht |
seestern78
Threadersteller
Dabei seit: 05.10.2007
Ort: Wien
Alter: -
Geschlecht: -
|
Verfasst Mo 08.09.2008 20:52
Titel Problem mit Doctype! |
|
|
Hallo,
ich habe auf einer Seite meiner Website einen scrollbaren Bereich mit jeweils einem Pfeil nach oben und nach unten. Das Ganze ist mit Java Script gemacht und hat bis jetzt auch funktioniert.
Jetzt habe ich einem Punkt der Linkleiste (Projects) zwei Untermenüs hinzugefügt. Das habe ich mit css realisiert. Damit es im IE6 geht habe ich eine csshover.htc hinzugefügt. Im IE6 funktioniert alles.
Nun habe ich mir die Seite im IE7 angeschaut. Hier funktionieren die Submenüs der Linkleiste aufgrund des Doctypes nicht. Ändere ich aber den Doctype wie nachstehend Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> | funktioniert der scrollbare Bereich nicht mehr. Die Text lässt sicht zwar scrollen - verschwindet aber nach oben zu nicht mehr.
Wie ändere ich den Doctype richtig?
Hier ist der Quellcode:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<!--[if lte IE 6]>
<style type="text/css" media="screen">body { behavior:url("csshover.htc"); }</style>
<![endif]-->
<script type="text/javascript" src="scrolldiv.js"></script>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/navigation.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css" media="all"><!--
html {
height:100%; overflow-x:hidden;
}
#pfeile { height: 38px; width: 17px; left: 496px; top: 155px; position: absolute; visibility: visible; }
#scrollWindowDiv { position:absolute; left:253px; top:120px; width:518px; height:347px; clip:rect(0 auto auto 0); layer-background-color:#dddfe1; background-color:#dddfe1; z-index:1 ; visibility: visible; }
#scrollContentDiv { position:absolute; left:30px; top:0px; font-family:verdana,helvetica; width:450px; line-height:18px; font-size:10px; z-index:0; }
--></style>
</head>
<div id="distance"></div>
<div id="container">
<body onload="testen()">
<div id="scrollWindowDiv">
<div id="scrollContentDiv">
<p >TEXT.</p>
</div>
<div id="pfeile">
<a class="here" href="#" onMousedown="weiter=1;scrollen(2)" onMouseup="weiter=0"><img src="Fotos/up.gif" width="16" height="16" align="top" border="0" alt="up" /></a>
<a class="here" href="#" onMousedown="weiter=1;scrollen(-2)" onMouseup="weiter=0"><img src="Fotos/down.gif" width="16" height="16" align="bottom" border="0" alt="down" /></a></div>
</div>
<div id="nav">
<ul>
<li><a href="en_index.html">HOME</a></li>
<li><a href="en_team.html">TEAM</a></li>
<li><span><a href="#">PROJECTS</a></span>
<ul>
<li><a href="en_grafik.html">Graphics</a></li>
<li><a href="en_fotografie.html">Photography</a></li>
</ul>
</li>
<li><a href="en_philosophie.html">PHILOSOPHY</a></li>
<li><a href="en_kontakt.html">CONTACT</a></li>
<li><a href="en_links.html">LINKS</a></li>
</ul>
</div>
</div>
<!--container--></div>
</body>
</html> |
Das ist der Code für scroolldiv.js
Code: | function doresize ()
{location.reload();return false;}
if(document.layers)window.captureEvents(Event.RESIZE); window.onresize=doresize;
var js10 = (document.images)?false:true; // NN2.x
var js11 = (document.images) && ((window.screen)?false:true); // NN3.x
var ie = ((document.all) && (window.offscreenBuffering)) ? true : false; // IE >= 4.x
var isNS = ((document.captureEvents) && (!document.getElementById)) ? true : false; // NN4.x
var mz = ((document.getElementById) && (!document.all) && (document.documentElement)) ? true : false; // NN6/MZ
var op = ((document.getElementById) && (navigator.userAgent.indexOf('Opera') != -1)) ?true : false;
var isMacIE = ( (navigator.userAgent.indexOf("IE 4") > -1) && (navigator.userAgent.indexOf("Mac") > -1) );
y=0; weiter=0;
function testen()
{
br=0;
if (ie)
{
br=2;
schicht='document.all["';stil='"].style';
}
if (isNS)
{
schicht='document.layers.scrollWindowDiv.document.layers["';stil='"]';
}
if (mz)
{
schicht='document.getElementById("';stil='").style';
}
if(op)
{
schicht='document.getElementById("';stil='").style';
}
/* elsewindow.location.href="controlling.html"; // nur NN und IE !!!*/
}
function moveIt(wen,wert)
{
test=y; // Hilfsvariable
y+=wert;
if (y < -251 || y > 1)
{
y=test;
eval(schicht+wen+stil+'.top="'+y+'"');
}
else
{
eval(schicht+wen+stil+'.top="'+y+'"');
}
}
function scrollen(wert)
{
moveIt('scrollContentDiv',wert);
a=wert;
if ((weiter)&&(y<10)) setTimeout("scrollen(a)",1);
}
function gone()
{
if(isNS)
{
document.scrollWindowDiv.document.scrollContentDiv.moveTo(20,0);
y=0;
}
if(ie)
{
scrollContentDiv.style.pixelLeft=20;
scrollContentDiv.style.pixelTop=0;
y=0;
}
if(mz)
{
document.getElementById("scrollContentDiv").style.left="20px";
document.getElementById("scrollContentDiv").style.top="0px";
y=0;
}
if(op)
{
scrollContentDiv.style.pixelLeft=20;
scrollContentDiv.style.pixelTop=0;
y=0;
}
}
|
Zuletzt bearbeitet von seestern78 am Di 09.09.2008 13:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
therapiekind
Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
|
|
|
|
|
Anzeige
|
|
|
seestern78
Threadersteller
Dabei seit: 05.10.2007
Ort: Wien
Alter: -
Geschlecht: -
|
Verfasst Di 09.09.2008 13:24
Titel
|
|
|
hmm
das heißt ich soll mir ein neueres Script für einen vertical scrollbaren layer suchen..
Kennt jemand vielleicht eine neuere Lösung?
Zuletzt bearbeitet von seestern78 am Mi 10.09.2008 08:39, insgesamt 2-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
|
|
|
|
seestern78
Threadersteller
Dabei seit: 05.10.2007
Ort: Wien
Alter: -
Geschlecht: -
|
Verfasst Di 09.09.2008 13:39
Titel Problem mit Doctype! |
|
|
Kennt jemand noch eine andere Lösung?
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
seestern78
Threadersteller
Dabei seit: 05.10.2007
Ort: Wien
Alter: -
Geschlecht: -
|
Verfasst Di 09.09.2008 14:58
Titel Problem mit Doctype! |
|
|
Danke für Deine Antwort - aber suche schon den ganzen Tag!
Der scrollbare Bereich soll mit zwei Grafiken sein, eine für up und eine für down. Der Bereich soll nur dann scrollen, wenn ich mit der Maus darauf klicke. Genauso wie es jetzt schon auf der Seite realisiert ist.
Gibt es keine Möglichkeit, dass der Java Script Code, der jetzt verwendet wird auch mit dem anderen Doctype funktioniert?
Danke im Voraus!
|
|
|
|
|
seestern78
Threadersteller
Dabei seit: 05.10.2007
Ort: Wien
Alter: -
Geschlecht: -
|
Verfasst Mi 10.09.2008 08:44
Titel Problem mit Doctype! |
|
|
Falls es jemanden interessiert habe den scrollbaren Bereich neu gemacht. Als Vorlage diente mir dieser Link: Scroller
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit Doctype
Javascript + Doctype => Problem
Doctype?
Doctype bei PHP include
gültiger doctype?
Doctype :: lesen und lernen!
|
|