hab nen Problem (bin nicht sicher ob richtiger bereich) ich habe eine HP für Northdog gebaut bzw. bin dabei aber ich habe das Problem das er imm IE das Boxen Menü links immer wenn die seite länger ist als links die boxen die Graficen zereißt kann mir da einer weiterhelfen habe nämlich auch das problem bei einer anderen HP
Code:
<html>
<head>
<title>{TITLE}</title>
<link rel="icon" type="image/ico" href="include/designs/cst-northdog/favicon.ico">
<link rel="shortcut icon" href="include/designs/cst-northdog/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="include/designs/cst-northdog/style.css">
<script type='text/javascript' src='include/includes/js/BBCodeGlobal.js'></script>
<style type="text/css">
body {
margin:0px; background-image: url('include/designs/design_57-silber/images/bg.gif');
}
.head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }
.head2 {font-size: 10px; color: #6DC903; font-weight: bold; }
#dropmenudiv{
border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:0px solid black; position:absolute;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 2px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: white;
}
</style>
<script type="text/javascript">
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Contents for menu 1, and so on
var menu1=new Array()
menu1[0]='<a href="?off">• Shop Übersicht</a>'
menu1[1]='<a href="?off">• Nordic</a>'
menu1[2]='<a href="?off">• Ruffwear</a>'
//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="?off">• Test3</a>'
menu2[1]='<a href="?off">• Test4</a>'
//Contents for menu 3, and so on
var menu3=new Array()
menu3[0]='<a href="?off">• Test5</a>'
menu3[1]='<a href="?off">• Test6</a>'
//Contents for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="?off">• AGB</a>'
menu4[1]='<a href="?off">• Versandkosten</a>'
var menuwidth='165px' //default menu width
var menubgcolor='#FFFF00' //menu bgcolor
var disappeardelay=500 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</script>
</head>
<body topmargin="0" background="http://fahrschule-kuntke.de/include/designs/Kuntke/images/background.jpg" bottommargin="0" style="background-image: url('http://fahrschule-kuntke.de/include/designs/Kuntke/images/background.jpg')">
<div align="center">
<table border="0" width="1000" style="border-collapse: collapse" background="include/designs/cst-northdog/img/header.png">
<tr>
<td height="25" width="200"><p align="center"><a target="_blank" href="http://www.cst-ak.de">
<img border="0" src="include/designs/cst-northdog/img/transperent.png" width="118" height="16"></a></td>
<td height="25" width="594" colspan="3">
{HMENU}</td>
<td height="25" width="200"></td>
</tr>
<tr>
<td height="185" align="center" colspan="2">
<p align="left">{_boxes_login}</td>
<td height="185" width="200"></td>
<td height="185" width="200"></td>
<td height="185" width="200"></td>
</tr>
<tr>
<td height="25" width="200" background="include/designs/cst-northdog/img/Menue-Balken-Leer.png" align="center"></td>
<td height="25" width="200" background="include/designs/cst-northdog/img/Menue-Balken-Shop.png" align="center"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '195px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/cst-northdog/img/transperent.png" width="195" height="32"></a></td>
<td height="25" width="200" background="include/designs/cst-northdog/img/Menue-Balken-free.png" align="center"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '195px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/cst-northdog/img/transperent.png" width="195" height="32"></a></td>
<td height="25" width="200" background="include/designs/cst-northdog/img/Menue-Balken-free.png" align="center"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '195px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/cst-northdog/img/transperent.png" width="195" height="32"></a></td>
<td height="25" width="200" background="include/designs/cst-northdog/img/Menue-Balken-Service.png" align="center"><a onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '195px')" onMouseout="delayhidemenu()"><img border="0" src="include/designs/cst-northdog/img/transperent.png" width="195" height="32"></a></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" width="1000" style="border-collapse: collapse">
<tr>
<td width="180" bgcolor="#0000CC" height="150" background="include/designs/cst-northdog/img/Anmelden-l.png"><a href="?user-regist"><img border="0" src="include/designs/cst-northdog/img/transperent.png" width="178" height="122"></a></td>
<td width="18" bgcolor="#0000CC" height="23" background="include/designs/cst-northdog/img/Anmelden-r.png"></td>
<td width="791" valign="top" bgcolor="#FFFFFF" rowspan="14"><br>{EXPLODE}<br></td>
<td width="9" valign="top" bgcolor="#0000CC" rowspan="14" background="include/designs/cst-northdog/img/mr2.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="10"></td>
<td width="18" bgcolor="#0000CC" height="10" background="include/designs/cst-northdog/img/mr.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m1-statistik.png"></td>
<td width="18" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m2.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#FFFF00" height="100"><p>{_boxes_statistik}</p></td>
<td width="18" bgcolor="#0000CC" background="include/designs/cst-northdog/img/m4.png" height="100"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" background="include/designs/cst-northdog/img/m5.png" height="65"></td>
<td width="18" bgcolor="#0000CC" background="include/designs/cst-northdog/img/m6.png" height="65"></td>
</tr>
<tr>
<td width="180" height="10" bgcolor="#0000CC"></td>
<td width="18" height="10" bgcolor="#0000CC" background="include/designs/cst-northdog/img/mr.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m1-shop.png"></td>
<td width="18" bgcolor="#0000CC" background="include/designs/cst-northdog/img/m2.png" height="65"></td>
</tr>
<tr>
<td width="180" bgcolor="#FFFF00" height="200">{_boxes_shop}</td>
<td width="18" bgcolor="#0000CC" background="include/designs/cst-northdog/img/m4.png" height="200"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m5.png"></td>
<td width="18" bgcolor="#0000CC" background="include/designs/cst-northdog/img/m6.png" height="65"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="10"></td>
<td width="18" bgcolor="#0000CC" height="10" background="include/designs/cst-northdog/img/mr.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m1-search.png"></td>
<td width="18" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m2.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#FFFF00" height="20">{_boxes_newsletter}</td>
<td width="18" bgcolor="#0000CC" height="40" background="include/designs/cst-northdog/img/m4.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m5.png"></td>
<td width="18" bgcolor="#0000CC" height="65" background="include/designs/cst-northdog/img/m6.png"></td>
</tr>
<tr>
<td width="180" bgcolor="#0000CC"></td>
<td width="18" bgcolor="#0000CC" background="include/designs/cst-northdog/img/mr.png"></td>
</tr>
</table>
</div>
<div align="center">
<table border="0" width="1000" height="20" style="border-collapse: collapse" background="include/designs/cst-northdog/img/footer.png">
<tr>
<td height="25" width="990" align="center" valign="bottom"><b>[ Design © by
<a target="_blank" href="http://www.cst-ak.de">cst-ak.de</a> & CMS © by
<a target="_blank" href="http://www.ilch..de">ilch.de</a>]</b></td>
</tr>
</table>
</div>
</body>
</html>
verwendete ilchClan Version: 1.1
betroffene Homepage: northdog.de
Zitat geschrieben von Hassmann
