ich habe ein Problem mit der unterschiedlichen Darstellung von diesem Design. externer Link
Ihr müsst das Design auf der HP auf Bibombl v2 red umstellen.
Ich habe dieses Design in der Größe angepasst.
Im Firefox füllen die versch. Module den gesamten zur Verfügung stehenden Bereich aus, im IE 7 sind sie linksbündig und nehmen nicht den gesamten Bereich ein.
Leider komme ich nicht dahinter, wie ich es so ändern kann, dass sowohl mit dem IE als auch mit den Firefox die versch. Module über den gesamten mittleren Bereich angezeigt werden.
Vielleicht kann mir jemand helfen, wenn man sich damit auskennt ist es glaub ich relativ leicht lösbar.
Ich habe aber leider fast keine Ahnung wie es funktionieren könnte.
LG
LumaX
Hier die index.html des Designs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="include/includes/js/BBCodeGlobal.js"></script>
<script type="text/javascript" src="include/includes/js/interface.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>{TITLE}</title>
<meta name="title" content="rth_v1">
<meta name="date" content="29.05.2007">
<meta name="author" content="uD Psaicon, Dennis Gericke">
<meta name="publisher" content="uD Psaicon,Dennis Gericke">
<meta name="copyright" content="www.psaicon-designs.com">
<meta name="keywords" content="xbox 360,xbox360 live. team-360, php, flash,joomla ,games ,fun, online gaming, Teamspeak, Gameserver, Gamerserverhosting">
<meta name="description" content="Wir stellen Gameserver, Teamspeakserver, Clanserver und Webpages, ob HTML, PHP, FLash - geniert in der Datenbank usw. individuell für den Kunden her.">
<meta name="abstract" content="Wir stellen Gameserver, Teamspeakserver, Clanserver und Webpages, ob HTML, PHP, FLash - geniert in der Datenbank usw. individuell für den Kunden her. ">
<meta name="page-topic" content="Gameservermatrix und Psaicon Designs">
<meta name="page-topic" content="private homepage">
<meta name="audience" content="alle">
<meta name="language" content="deutsch">
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="include/designs/bibombl_v2_red/css/style.css">
<!-- Klappnavi Design stylesheet -->
<style type="text/css">
#dropmenudiv{
position:absolute;
line-height:20px;
z-index:100;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: black;
border-right-color: black;
border-bottom-color: black;
border-left-color: black;
color: #FFFFFF;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 2px;
text-decoration: none;
font-weight: normal;
height: 20px;
padding-top: 1px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: black;
background-color: #990000;
}
#dropmenudiv a:hover{ /*hover background color*/
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
background-color: #230100;
color: #666666;
}
.Stil1 { color: #FFFFFF;
font-size: 10px;
}
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
/***********************************************
* 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="?">• Home</a>'
menu1[1]='<a href="?forum">• Forum</a>'
menu1[2]='<a href="?gbook">• Gästebuch</a>'
menu1[3]='<a href="?links">• Links</a>'
//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='<a href="?user">• Reg. Benutzer</a>'
menu2[1]='<a href="?Vereinsmitglieder">• Vereinsmitglieder</a>'
menu2[2]='<a href="?vote">• Umfragen</a>'
menu2[3]='<a href="?statistik">• Page Statistik</a>'
//Contents for menu 3, and so on in arbeit
var menu3=new Array()
menu3[0]='<a href="?gallery">• Gallerie</a>'
menu3[1]='<a href="?downloads">• Downloads</a>'
menu3[2]='<a href="?test">• Replay Tool</a>'
menu3[3]='<a href="?impressum">• Impressum</a>'
//Contents for menu 4, and so on
var menu4=new Array()
menu4[0]='<a href="?gbook">• Gbook</a>'
//Contents for menu 5, and so on
var menu5=new Array()
menu5[0]='<a href="?AGB">•AGB´s</a>'
menu5[1]='<a href="?faq">• FAQ</a>'
menu5[2]='<a href="?impressum">• Imprint</a>'
menu5[3]='<a href="?contact">• Kontakt</a>'
//Contents for menu 6, and so on
var menu6=new Array()
var menuwidth='120px' //default menu width
var menubgcolor='white' //menu bgcolor
var disappeardelay=300 //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
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head><body>
<a name="toplink"></a>
<div align="center">
<table width="1118" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="1118" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="365" align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/headertop_le.jpg" width="365" height="43" border="0" usemap="#Map3" /></td>
<td width="135" height="43" align="left" valign="top"><a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu1, '133px')" onmouseout="delayhidemenu()"><img src="include/designs/bibombl_v2_red/Bilder/mainbutton_top.jpg" alt="Mainmenu" name="main" width="135" height="43" border="0" id="main" onmouseover="MM_swapImage('main','','include/designs/bibombl_v2_red/Bilder/mainbutton_top.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="135" height="43" align="left" valign="top"><a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu2, '133px')" onmouseout="delayhidemenu()"><img src="include/designs/bibombl_v2_red/Bilder/clanbuttontop.jpg" alt="Clanmenu" name="clanbutton" width="135" height="43" border="0" id="clanbutton" onmouseover="MM_swapImage('clanbutton','','include/designs/bibombl_v2_red/Bilder/clanbuttontop.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="135" height="43" align="left" valign="top"><a href="#" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, menu3, '133px')" onmouseout="delayhidemenu()"><img src="include/designs/bibombl_v2_red/Bilder/miscbutton_top.jpg" alt="Miscmenu" name="miscbutton" width="135" height="43" border="0" id="miscbutton" onmouseover="MM_swapImage('miscbutton','','include/designs/bibombl_v2_red/Bilder/miscbutton_top.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
<td width="102" height="43" align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/headertop_re.jpg" width="102" height="43" /></td>
</tr>
</table></td>
<td width="246" height="192" rowspan="2" align="left" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="246" height="192">
<param name="movie" value="include/designs/bibombl_v2_red/flash/header_re.swf" />
<param name="quality" value="high" />
<embed src="include/designs/bibombl_v2_red/flash/header_re.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="246" height="192"></embed>
</object></td>
</tr>
<tr>
<td align="left" valign="top"><table width="859%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300" height="149" align="left" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="149" title="Header_re">
<param name="movie" value="include/designs/bibombl_v2_red/flash/header_le.swf" />
<param name="quality" value="high" />
<embed src="include/designs/bibombl_v2_red/flash/header_le.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="149"></embed>
</object></td>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/clanname.jpg" width="572" height="149" /></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top" class="bodyspacer"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="252" align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0">
</table></td>
</tr>
<tr>
<td align="left" valign="top">{_list_menunr1@ </td>
</tr>
<tr>
<td align="left" valign="top" class="menutop_le"><div class="menulinkstitel"><b>%1</b></div></td>
</tr>
<tr>
<td align="left" valign="top" class="menuspacer_le"><div class="menulinksinner">%2</div></td>
</tr>
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_le.jpg" width="252" height="29" /></td>
</tr>
<tr>
<td align="left" valign="top">}</td>
</tr>
<tr>
<td align="left" valign="top">{_list_menunr2@ </td>
</tr>
<tr>
<td align="left" valign="top" class="menutop_le"><div class="menulinkstitel">%1</div></td>
</tr>
<tr>
<td align="left" valign="top" class="menuspacer_le"><div class="menulinksinner">%2</div></td>
</tr>
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_le.jpg" width="252" height="29" /></td>
</tr>
<tr>
<td align="left" valign="top">}</td>
</tr>
</table></td>
<td width="496" align="left" valign="top"><table width="496" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="496" border="0" cellspacing="0" cellpadding="0">
<tr>
</tr>
<tr>
<td align="left" valign="top" class="warsspacer"><div id="boxes_warsabstand">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
</table>
</div></td>
</tr>
<tr>
</tr>
</table>
<map name="Map2Map" id="Map2Map">
<area shape="rect" coords="423,4,493,18" href="?wars-next" target="_self" />
<area shape="rect" coords="7,4,77,18" href="?wars-last" target="_self" />
</map></td>
</tr>
<tr>
<td align="left" valign="top" class="contenttop"><div id="hmenu">{HMENU}</div></td>
</tr>
<tr>
<td align="left" valign="top" class="contentspacer"><div id="explode">{EXPLODE}</div></td>
</tr>
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/contentbuttom.jpg" width="614" height="41" /></td>
</tr>
</table></td>
<td width="252" align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><table width="252" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/lposttop.jpg" width="252" height="23" /></td>
</tr>
<tr>
<td align="left" valign="top" class="lpostspacer"><div id="boxes_lpost">{_boxes_lastforum}</div></td>
</tr>
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/lpostbuttom.jpg" width="252" height="20" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top">{_list_menunr3@ </td>
</tr>
<tr>
<td align="left" valign="top" class="menutop_re"><div class="menurechtstitel"><b>%1</b></div></td>
</tr>
<tr>
<td align="left" valign="top" class="menuspacer_re"><div class="menurechtsinner">%2</div></td>
</tr>
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/menubuttom_re.jpg" width="252" height="29" /></td>
</tr>
<tr>
<td align="left" valign="top">}</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><img src="include/designs/bibombl_v2_red/Bilder/footer.jpg" alt="Footer" width="1118" height="36" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="71,6,177,35" href="#toplink" />
<area shape="rect" coords="355,14,648,36" href="http://www.underdogs360.com" target="_blank" alt="Underdogs 360 Clan / Xbox 360 Clan / Ilch Designs" />
</map> </td>
</tr>
</table>
</div>
<map name="Map3" id="Map3"><area shape="rect" coords="33,3,305,14" href="http://www.underdogs360.com" target="_blank" />
</map></body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>·</big></strong><a %1 class="box" href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->
verwendete ilchClan Version: 1.1
betroffene Homepage: externer Link
Zuletzt modifiziert von LumaX am 04.06.2008 - 12:45:30
