✔ IE stellt div nicht dar

Zack

Zack

cookies vader
Hi,
im folgenden Link: http://neu.my-stfo.de
werden einige divs trotz validen xhtml und css im ie nicht angezeigt.

hier mal den code etwas auseinander gefplügt:
HTML: 
		<div id="content_center">
			<div id="content_bg">
				<div id="content"></div>
				<div id="content_right"></div>
				<div class="clear"></div>
			</div>
			<div id="content_foot"></div>
		</div>
CSS: 
div#content_center{
	float:left;
	width:748px;
}

	div#content_bg{
		background-color:#ffffff;
	}

	div#content{
		background-color:#ffffff;
		float:left;
		width:480px;
		padding:10px;
		min-height:600px;
	}

	div#content_right{
		background-color:#ffffff;
		float:left;
		width:248px;
		min-height:600px;
	}

	div#content_foot{
		width:748px;
		height:35px;
		background-image:url(images/content_foot.png);
	}

warum?
thx4help
 
Zuletzt bearbeitet:
Hi,

vielleicht liegt's am fehlenden Inhalt im Codeschnipsel, so wie er auch auf der genannten Seite in diesen Elementen fehlt.

Wenn ich in deinem Codesnippet Inhalt in die DIVs packe, zeigt der IE sie auch an.

mfg Maik
 
hallo,
die seite hat einen inhalt der inhalt ist allerdings noch sehr kurz
öffne die seite mal bitte mit opera oder firefox, dann kommt erst ein kurzer popup(nur zum testen atm) und dann erfolgt ein laden des inhalt per asynchroner request.

das problem liegt in der hintergrundfarbe. das oben angesprochene problem ist also behoben, aber es tritt ein neues auf.

es wird partu die hintergrundfarbe von div#content_bg nicht angezeigt.

code: siehe oben
 
Vielen Dank.

Recht dumm das der IE unbedingt eine Höhe braucht. Prozent werde ich allerdings nicht verwenden. Ich hab alles in Pixel da ist % nicht mehr valide, entweder oder. ich geb einfach eine Minimal Höhe.
 
Hab ich gelesen, ka wo. Aber das stimmt echt, wenn man einmal mit Pixel angefangen hat arbeitet man auch besser damit weiter.
 
http://jigsaw.w3.org/css-validator/validator hat gesagt.:
Ergebnisse des CSS-Validators file://localhost/neu.my-stfo.de.htm (CSS level 2.1)
Gratuliere! Keine Fehler gefunden.
Zum Vergrößern anklicken....
CSS: 
html{
        background-image:url(images/bg.png);
        background-repeat:repeat-x;
        background-color:#3b3a3a;
        font-family:Arial;
        font-size:9px;
}

a:link{
        color:#0078a7;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a:hover{
        color:#a60f0f;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a:visited{
        color:#0078a7;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a.username{
        color:#0078a7;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a.username:hover{
        color:#a60f0f;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a.admin:link{
        color:#a60f0f;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a.admin:hover{
        color:#a6560f;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

a.admin:visited{
        color:#a60f0f;
        font-weight:bold;
        text-transform:none;
        text-decoration:none;
}

img{
        border:0px;
}

input{
        font-family:Arial;
        font-size:9px;
        vertical-align:middle;
}

input.text{
        background-image:url(images/input_text.png);
        border:0;
        padding: 2px 0 2px 10px;
        width:125px;
        height:14px;
        color:#000;
        font-weight:bold;
}

input.text_error{
        background-image:url(images/input_text_error.png);
        border:0;
        padding: 2px 0 2px 10px;
        width:125px;
        height:14px;
        color:#fff;
        font-weight:bold;
}

div.clear, div.clear{
        padding:0;
        margin:0;
        width:0;
        height:0;
        clear:both;
}

div.error{
        padding:5px;
        margin:2px 0 2px 0;
        width:90%;
        background-color:#b30000;
        color:#fff;
}

div#center_warb{
        margin:5px auto;
        padding:0;
        width:998px;
        min-height:940px;
        height:auto !important;
        height:940px;
        border:1px solid #fff;
        background-color:#0d0d0d;
}

div#login{
        padding: 0 10px 0 15px;

}
        div#avatar{
                float:left;
                width:100px;
                height:100px;
        }
        div#usermenu{
                float:left;
                padding:10px;
        }

div#header{
        padding:0;
        margin:0;
        width:998px;
        height:220px;
        background-image:url(images/header.jpg);
}

        div#headerbar{
                width:998px;
                height:40px;
        }

        div#stfo_logo{
                float:left;
                width:102px;
                height:168px;
                padding:5px 10px 0 50px;
        }

        div#stfo_sponsor{
                background-image:url(images/gesponsort.png);
                background-repeat:no-repeat;
                float:right;
                width:468px;
                height:60px;
                margin:45px 45px 0 0;
        }

div#menu{
        padding:5px 0 0 0;
        margin:0;
        width:998px;
        height:62px;
        background-image:url(images/menu_bg.png);
}

        div#menu_content{
                margin:0 auto;
                width:980px;
                height:31px;
                padding: 2px 0 0 0;
                background-image:url(images/menu/bg.png);
        }

        div#menu_sub{
                margin:0 auto;
                height:25px;
                width:980px;
                background-image:url(images/menu/sub_bg.png);
        }

        div#menu_sub_content{
                background-color:#fff;

                overflow:visible;
        }

        div.menu_line{
                float:left;
                margin:5px 5px 0 5px;
                height:29px;
                width:2px;
        }

        div#menu_item_main{
                float:left;
                margin:5px 0 0 30px;
                height:22px;
                width:53px;
                background-image:url(images/menu/main.png);
                background-repeat:no-repeat;
        }

        div#menu_item_main_aktive{
                float:left;
                margin:5px 0 0 30px;
                height:31px;
                width:53px;
                background-image:url(images/menu/main_hover.png);
                background-repeat:no-repeat;
        }

        div#menu_item_clan{
                float:left;
                margin:5px 0 0 30px;
                height:29px;
                width:53px;
                background-image:url(images/menu/clan.png);
                background-repeat:no-repeat;
        }

        div#menu_item_clan_aktive{
                float:left;
                margin:5px 0 0 30px;
                height:31px;
                width:53px;
                background-image:url(images/menu/clan_hover.png);
                background-repeat:no-repeat;
        }

        div#menu_item_community{
                float:left;
                margin:5px 0 0 30px;
                height:29px;
                width:53px;
                background-image:url(images/menu/community.png);
                background-repeat:no-repeat;
        }

        div#menu_item_community_aktive{
                float:left;
                margin:5px 0 0 30px;
                height:31px;
                width:53px;
                background-image:url(images/menu/community_hover.png);
                background-repeat:no-repeat;
        }

        div#menu_item_forum{
                float:left;
                margin:5px 0 0 30px;
                height:29px;
                width:53px;
                background-image:url(images/menu/forum.png);
                background-repeat:no-repeat;
        }

        div#menu_item_media{
                float:left;
                margin:5px 0 0 30px;
                height:29px;
                width:53px;
                background-image:url(images/menu/media.png);
                background-repeat:no-repeat;
        }

        div#menu_item_media_aktive{
                float:left;
                margin:5px 0 0 30px;
                height:31px;
                width:53px;
                background-image:url(images/menu/media_hover.png);
                background-repeat:no-repeat;
        }

        div#menu_item_other{
                float:left;
                margin:5px 0 0 30px;
                height:29px;
                width:53px;
                background-image:url(images/menu/other.png);
                background-repeat:no-repeat;
        }

        div#menu_item_other_aktive{
                float:left;
                margin:5px 0 0 30px;
                height:31px;
                width:53px;
                background-image:url(images/menu/other_hover.png);
                background-repeat:no-repeat;
        }

div#content_left{
        float:left;
        width:250px;
}
        div#login_content{
                background-color:#fff;
        }

        div#login{
                width:240px;
                min-height:100px;
                padding:2px 0 10px 10px;
                background-color:#fff;
        }

        div#logged{
                width:240px;
                min-height:100px;
                padding:0 0 10px 10px;
                background-color:#fff;
                text-transform:uppercase;
        }
                input#login_submit{

                        height:15px;
                        width:95px;
                        background-image:url(images/input_login.png);
                        background-repeat:no-repeat;
                        background-position: 50% 50%;
                        background-color:#fff;
                }

                input#login_submit:active {
                        background-color:#0078a7;
                }

                input#register{
                        height:15px;
                        width:95px;
                        background-image:url(images/input_registern.png);
                        background-repeat:no-repeat;
                        background-position: 50% 50%;
                        background-color:#fff;
                }

                input#register:active {
                        background-color:#0078a7;
                }

                input#pwlost{
                        height:15px;
                        width:95px;
                        background-image:url(images/input_passwordvergessen.png);
                        background-repeat:no-repeat;
                        background-position: 50% 50%;
                        background-color:#fff;
                }

                input#pwlost:active {
                        background-color:#0078a7;
                }


        div#forenticker{
                width:250px;
        }

                div#forenticker_head{
                        width:250px;
                        height:31px;
                        background-image:url(images/forenticker/head.png);
                }

                div.forenticker_row{
                        width:246px;
                        padding: 2px 2px 2px 18px;
                        height:30px;
                        line-height:15px;
                        background-image:url(images/forenticker/row.png);
                        font-family:Arial;
                        font-size:9px;
                        color:#fff;
                        font-weight:bold;
                        text-decoration:none;
                }

                div.forenticker_row:hover{
                        width:246px;
                        padding: 2px 2px 2px 18px;
                        height:30px;
                        background-color:#fff;
                        background-image:url(images/forenticker/row_hover.png);
                        line-height:15px;
                        font-family:Arial;
                        font-size:9px;
                        color:#000;
                        font-weight:bold;
                        text-decoration:none;
                }

                        div.forenticker_row a:link{
                                font-family:Arial;
                                font-size:9px;
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                        }

                        div.forenticker_row a:hover{
                                font-family:Arial;
                                font-size:9px;
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                        }

                        div.forenticker_row a:visited{
                                font-family:Arial;
                                font-size:9px;
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                        }

                        div.forenticker_row:hover a:link{
                                display:block;
                                font-family:Arial;
                                font-size:9px;
                                color:#000;
                                font-weight:bold;
                                text-decoration:none;
                        }

                        div.forenticker_row:hover a:hover{
                                display:block;
                                font-family:Arial;
                                font-size:9px;
                                color:#000;
                                font-weight:bold;
                                text-decoration:none;
                        }

                        div.forenticker_row:hover a:visited{
                                display:block;
                                font-family:Arial;
                                font-size:9px;
                                color:#000;
                                font-weight:bold;
                                text-decoration:none;
                        }

                        span.left{
                                float:left;
                                text-align:left;
                                width:144px;
                        }

                        span.right{
                                float:right;
                                width:100px;
                        }

        div#ifragster{
                color:#fff;
        }

                div#ifragster_head{
                        width:250px;
                        height:31px;
                        background-image:url(images/ifragster/head.png);
                }

div#content_center{
        float:right;
        width:748px;
}

        div#content_bg{
                background-color:#fff;
                height:1%;
        }

        div#content{
                float:left;
                width:480px;
                padding:10px;
                min-height:600px;

        }

        div#content_right{
                float:left;
                width:248px;
                min-height:600px;

        }

        div#content_foot{
                width:748px;
                height:35px;
                background-image:url(images/content_foot.png);
        }

div#footer{
        width:998px;
        height:40px;
}

... soviel zum invaliden CSS, wenn relative und absolute Einheiten in einem Dokument gemeinsam genutzt werden.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück