Jump to content


Photo

Problem with absolute positioning and ie


  • Please log in to reply
2 replies to this topic

#1 spyke01

spyke01
  • Members
  • PipPipPip
  • Advanced Member
  • 74 posts

Posted 23 July 2006 - 08:20 PM

Ok, ive got the footer bar that should be at the bottom of content, in FF it displays perfect, but in IE it disappers http://fasttracksite...com/new layout/

heres the css
html, body {height: 100%;}
body {
	background: #beb185 url('images/bggrad.gif');
	background-attachment: fixed;
	font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

/*==============================
	Layout 
==============================*/
div#container {
	background: #fff;
	width: 961px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
	z-index: 1;
}
div#page {
	height: 100%;
	float: left;
	z-index: 2;
}
#left-col {
	background: #121212 url('images/leftcolgrad.jpg');
	color: #fff;
	width: 190px;
	min-height: 100%;
	height: 100%;
	padding: 0px 5px 0px 5px;
	border-right: 10px solid #13496e;
	float: left;
	z-index: 3;
}

#right-col {
	color: #000;
	width: 750px;
	height: 100%;
	padding: 0px;
	border-right: 1px solid #121212;
	float: right;
	z-index: 4;
}

div#header {
	background: #fff;
	width: 740px;
	height: 78px;
	margin: 0px;
	padding: 0px 5px;
	text-align: left;
	float: left;
	z-index: 5;
}

div#content {
	background: #fff;
	width: 740px;
	padding: 0px 5px 0px 5px;
	float: left;
	clear: both;
	z-index: 6;
}

div#footer {
	position: absolute;
	bottom: 0px;
	background: #000 url('images/footergrad.jpg');
	width: 740px;
	height: 180px;
	padding: 0px 5px 0px 5px;
	float: left;
	/*clear: both;*/
	z-index: 7;
}





[a href="http://www.fasttracksites.com" target="_blank"]Cheap PHP Hosting[/a]

#2 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 24 July 2006 - 10:54 AM

I dont see now footer, in FF or IE. There is no footer within the html code.

#3 spyke01

spyke01
  • Members
  • PipPipPip
  • Advanced Member
  • 74 posts

Posted 24 July 2006 - 04:32 PM

ok sorry, try it now

[a href="http://www.fasttracksites.com" target="_blank"]Cheap PHP Hosting[/a]




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users