zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden height-Problem!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.05.2008, 22:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2007
Beiträge: 6
Schniddchen befindet sich auf einem aufstrebenden Ast
Standard 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

Geändert von Schniddchen (08.05.2008 um 22:38 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.05.2008, 22:55
#
XHTMLforum-Kenner
 
Registriert seit: 30.06.2005
Ort: Hamburg
Beiträge: 2.092
IChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer MenschIChao ist ein sehr geschätzer Mensch
Standard

Durch die Verschachtelung werden die Floats aber nicht davon abgehalten, unten herauszugucken. Clearen musst du vor dem Ende von #wrap


Zitat:
aber ich weiß einfach nicht an welcher Stelle ich clearen muss!
immer nach den floats?
__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.05.2008, 14:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.11.2007
Beiträge: 6
Schniddchen befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von IChao Beitrag anzeigen
Clearen musst du vor dem Ende von #wrap
1000 Dank! Hast mir sehr geholfen, klappt jetzt ! Danke!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Darstellungsprobleme im IE lea11011989 CSS 17 05.11.2010 10:44
z-index hoch, dennoch grafik nicht ganz oben bergg CSS 6 27.10.2010 17:02
Problem mit Formular im IE7 lila_3 CSS 3 28.08.2009 23:55
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 15:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:37 Uhr.