0

im having a layout like this

<body>
<div id="ExternalFrame"><!-- 1 -->
<div id="InnerFrame"><!-- 2 -->
<div id="TopFrame"><!-- 3 -->
<div id="LogoFrame"></div>
</div><!--3 topFrame -->
<div id="TopFrameIn" class="right"><!-- 4 -->
<span class="txt white" style="margin-right:10px;">Welcome Admin</span>
</div><!--4 TopFrameIn-->
<div id="MainContainer">
<div id="SecondTop"></div>
<div id="MainContent" class="fleft"></div>
<div id="sideMenu" class="fright"></div>
<div id="Foot"></div>
</div>
</div><!--1 InnerFrame -->
</div><!--2 ExternalFrame -->
</body>

with the css looking like this

#ExternalFrame{width:100%;}
.white{
	color:#FFF;
}
.right{
	text-align:right;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}
.txt{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#SecondTop{
	width:800px;
	height:150px;
	background-color:#FC0;
}
#Foot{
	width:800px;
	height:300px;
	background-color:#FC0;
}
#LogoFrame{
	background:url(Img/Logo400px.png);
	background-repeat:no-repeat;
	width:800px;
	height:80px;
}
#TopFrame{
	width:800px;
	height:80px;
	background:url(tiles/TopTile.png);
	background-repeat:repeat-x;
}
#TopFrameIn{
	width:800px;
	height:15px;
	background:url(tiles/TopTile2.png);
	background-repeat:repeat-x;
}
#InnerFrame{
	width:800px;
	background-color:#CCC;
	margin-left:auto;
	margin-right:auto;
}
#MainContainer{
	width:800px;
	clear:both;
	display:block;
	padding:0;
	margin:auto;
}
#MainContent{
	width:600px;
	height:400px;
	background-color:#900;
}
#sideMenu{
	width:200px;
	height:400px;
	background-color:#03C;
}

the problem is that the #Foot DIV doesnt display and it should do

3
Contributors
5
Replies
8
Views
8 Years
Discussion Span
Last Post by arosemena
0

The div has nothing in it.

Try putting a border in CSS around the foot div to see if it displays.

0

either of the other 3 divs have something on it so dont think thats the problem cause they have width and height and a bgcolor so they should display

0

either of the other 3 divs have something on it so dont think thats the problem cause they have width and height and a bgcolor so they should display

Maybe the other Divs are hiding it. Can you put in your CSS a margin for your footer Div to see if it is positioned behind the others and where it is located.

0

Browsers do not display tag pairs with nothing between the tags unless they are needed to render something else.

Put something between the tags. The usual filler for an empty pair of tags is either <br /> or &nbsp; .

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.