| Schniddchen |
08.05.2008 21:30 |
height-Problem!
Hallo,
ich habe ein Problem mit einem Div-Tag.
[ LINK ]
und zwar wird das Glühen im Hintergrund nicht verlängert obwohl es eigentlich alles richtig verschachtelt sein müsste. ( LINK )
Es muss was mit Clear zutun haben, aber ich weiß einfach nicht an welcher Stelle ich clearen muss!
Im IE7 wird alles problemlos dargestellt, nur im FF2, FF3 und Opera nicht.
PHP-Code:
<?php
# include("_start.php");
# include("_mysql.php");
# include("_settings.php");
# include("_functions.php");
# include("_amqips.php");
# include("_ipban.php");
$stat = 'Heute: 25765<br />Gestern: 46854<br />Diesen Monat: 478512<br />Letzten Monat: 478412<br />Gesamt: 781367895';
$ticker = '<script type="text/javascript" src="js/scroller.js"></script>'
?>
<!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>
<meta name="robots" content="index,follow" />
<meta name="language" content="de" />
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Screwdriver-Clan - Multigaming Since 2006</title>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body onload="showit(0)">
<div id="bg">
<div id="wrap">
<div id="head">
<div id="head_left"><img src="img/banner.jpg" alt="banner" /></div>
<div id="head_right">
<div id="statistic"><?php echo $stat; ?></div>
<div id="navi">
<ul>
<li onclick="showit(1)" id="navi_main"><a>Main</a></li>
<li onclick="showit(2)" id="navi_clan"><a>Clan</a></li>
<li onclick="showit(3)" id="navi_comm"><a>Comm</a></li>
<li onclick="showit(4)" id="navi_misc"><a>Misc</a></li>
</ul>
</div>
</div>
</div>
<div id="sub">
<div id="sub_newsticker"><script type="text/javascript" src="js/scroller.js"></script></div>
<div id="sub_subnavi" onmouseover="clear_delayhide()"></div>
</div>
<div id="equal">
<div id="content">
<div id="content_top">
<div id="matches"></div>
<div id="specials"></div>
</div>
<div id="content_middle">
<div id="content_main">dsad</div>
<div id="content_square">
<ul>
<li id="square_login_head"></li>
<li id="square_login_box"></li>
<li id="square_news_head"></li>
<li id="square_news_box" style="padding:5px 0px 0px 5px;">
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40
</li>
<li id="square_wars_head"></li>
<li id="square_wars_box" style="padding:5px 0px 0px 5px;">
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40
</li>
<li id="square_specials_head"></li>
<li id="square_specials_box" style="padding:5px 0px 0px 5px;">
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40
</li>
<li id="square_forum_head"></li>
<li id="square_forum_box" style="padding:5px 0px 0px 5px;">
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40<br />
<br />
<h6>Screwdriver Gaming neue Page</h6>
posted 25.03.2008 - 23:40
</li>
<li id="square_poll_head"></li>
<li id="square_poll_box"></li>
</ul>
</div>
</div>
</div>
<div id="right">
<ul>
<li id="right_squads"></li>
<li class="squads"><img src="img/right_squads_tm-united.jpg" alt="TM-United" /></li>
<li class="squads"><img src="img/right_squads_tm-nations.jpg" alt="TM-Nations" /></li>
<li class="squads"><img src="img/right_squads_dota.jpg" alt="Dota" /></li>
<li class="squads"><img src="img/right_squads_bf-1942.jpg" alt="BF-1942" /></li>
<li class="squads"><img src="img/right_squads_management.jpg" alt="Management" /></li>
<li class="squads"><img src="img/right_squads_redaktion.jpg" alt="Redaktion" /></li>
<li id="right_main"></li>
<li class="box"><img src="img/right_box.jpg" alt="box" /></li>
<li id="right_designer"></li>
<li class="box"><img src="img/right_f3rk3s.jpg" alt="Tobias Bechtle" /></li>
<li id="right_sponsor"></li>
<li class="box"><img src="img/right_box.jpg" alt="box" /></li>
<li class="box"><img src="img/right_box.jpg" alt="box" /></li>
<li id="right_advert"></li>
<li id="right_advert_bg" ></li>
<li id="right_footer"></li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript" language="javascript1.2" src="js/navi.js"></script>
</body>
</html>
Code:
body { background: #2b0202; margin:0px; padding:0px; }
#bg { width:1100px; background:url(../img/bg.jpg) repeat-y top; margin:auto; padding-left:3px; }
#wrap { width: 983px; margin:auto; }
#head { width:983px; height:170px; }
#head_left { background: url(../img/header_left.jpg) no-repeat; width:489px; height:72px; float:left; padding:98px 0px 0px 48px; }
#head_right { background: url(../img/header_right.jpg) no-repeat; width:446px; height:170px; float:right; }
#sub { width:983px; height:26px; }
#sub_newsticker { width:398px; height:21px; background:url(../img/newsticker.jpg) no-repeat; float:left; font-family:Arial; font-size:11px; color:#FFFFFF; padding:5px 5px 0px 85px; }
#sub_subnavi { width:490px; height:20px; background:url(../img/subnavi.jpg) no-repeat; float:left; color:#FFFFFF; font-size:11px; font-family:Arial; padding: 6px 0px 0px 5px; }
#sub_subnavi a { color:#FFFFFF; font-size:11px; font-family:Tahoma; text-decoration:none; padding: 0px 5px 0px 5px; }
#sub_subnavi a:hover { color: #e00101; font-size:11px; font-family:Tahoma; text-decoration:none; padding: 0px 5px 0px 5px; font-weight:bold; }
#statistic { height:93px; width:206px; font-family:Arial; font-size:11px; color:#FFFFFF; padding-left:240px; padding-top: 43px;}
#navi { height:26px; width:446px; }
#navi ul { padding:0px; margin:0px; list-style:none; }
#navi li { float:left; position:absolute; }
#navi li a { display:none; }
#navi_main { height: 34px; width:164px; }
#navi_main:hover { background:url(../img/navi_main_over.jpg) no-repeat; height: 34px; width:164px; margin:0px; }
#navi_clan { height: 34px; width:164px; margin-left: 140px; }
#navi_clan:hover { background:url(../img/navi_clan_over.jpg) no-repeat; height: 34px; width:164px; margin-left:110px;}
#navi_comm { height: 34px; width:166px; margin-left:250px;}
#navi_comm:hover { background:url(../img/navi_comm_over.jpg) no-repeat; height: 34px; width:166px; margin-left:218px;}
#navi_misc { height: 34px; width:85px; margin-left:360px;}
#navi_misc:hover { background:url(../img/navi_misc_over.jpg) no-repeat; height: 34px; width:116px; margin-left:330px;}
#content { width:732px; float:left; }
#content_top { width:732px; }
#matches {background:url(../img/matches.jpg); height:178px; width:305px; float: left; }
#specials { background:url(../img/specials.jpg); width:427px; height:178px; float: left; }
#right { width:251px; float:right; }
#right ul { padding:0px; margin:0px; }
#right li { list-style:none; padding:0px; margin:0px; line-height:0px; }
#right_squads { width:251px; background:url(../img/right_squads.jpg) no-repeat; height:23px; }
#right_main { width:251px; background:url(../img/right_mainsponsor.jpg) no-repeat; height:24px; }
#right_designer { width:251px; background:url(../img/right_designer.jpg) no-repeat; height:23px; }
#right_sponsor { width:251px; background:url(../img/right_sponsor.jpg) no-repeat; height:23px; }
#right_advert { width:251px; background:url(../img/right_advert.jpg) no-repeat; height:23px; }
#right_advert_bg { width:251px; background:url(../img/right_advert_bg.jpg) no-repeat; height:183px; }
#right_footer { width:251px; background:url(../img/right_footer.jpg) no-repeat; height:74px; }
#content_main { width:484px; float:left; }
#content_square { width:248px; float:left; }
#content_square h6 { color:#cf0000; font-family:Tahoma; font-size:11px; font-weight:bold; padding:0px; margin:0px; }
#content_square ul { padding:0px; margin:0px; }
#content_square li { padding:0px; margin:0px; list-style:none; }
#square_login_head { background:url(../img/square_login_head.jpg); height:24px; }
#square_login_box { background:url(../img/square_login_box.jpg); height:80px; }
#square_news_head { background:url(../img/square_news_head.jpg); height:24px; }
#square_news_box { background:url(../img/square_news_box.jpg); height:164px; color: #909090; font-family:Tahoma; font-size:11px; line-height:11px; }
#square_wars_head { background:url(../img/square_wars_head.jpg); height:24px; }
#square_wars_box { background:url(../img/square_wars_box.jpg); height:164px; color: #909090; font-family:Tahoma; font-size:11px; line-height:11px; }
#square_specials_head { background:url(../img/square_specials_head.jpg); height:24px; }
#square_specials_box { background:url(../img/square_specials_box.jpg); height:164px; color: #909090; font-family:Tahoma; font-size:11px; line-height:11px; }
#square_forum_head { background:url(../img/square_forum_head.jpg); height:24px; }
#square_forum_box { background:url(../img/square_forum_box.jpg); height:164px; color: #909090; font-family:Tahoma; font-size:11px; line-height:11px; }
#square_poll_head { background:url(../img/square_poll_head.jpg); height:24px; }
#square_poll_box { background:url(../img/square_poll_box.jpg); height:125px; }
Ich hoffe jemand kann mir helfen!
Liebe Grüße
Schniddchen |
