|
|||
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:
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; } Liebe Grüße Schniddchen Geändert von Schniddchen (08.05.2008 um 22:38 Uhr) |
Sponsored Links |
|
|||
Durch die Verschachtelung werden die Floats aber nicht davon abgehalten, unten herauszugucken. Clearen musst du vor dem Ende von #wrap
Zitat:
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |