Page 1 of 1

More cross browser issues

Posted: Thu Jun 29, 2006 1:07 pm
by phppage
Two issues I have stumbled across and spent many hours at.

When creating a DIV and setting the overflow to visible in IE the background colour extends fine but in FF it cuts the background colour off after the stated height size. The problem is that this DIV needs to be a minimum of a 100% and extend with background colour if needed depending on the amout of content. Have tried tweaking many attributes and nothing seems to work. Looking at the definition of visible option FF is doing it right as always. It does state that the content will rendered outside the element.

Another issue with the same setup is that this DIV also has a fixed background image. The scroll takes place on the whole page as the overflow is not set to scroll or auto on this DIV. The image remains fixed in FF but moves in IE. Is this another IE bug?

Many Thanks

Code: Select all

body {
	text-align: center;
	min-width: 700px;
	background: #fb353e;
	background-color: #fb353e;
	font-family: "Verdana", "Arial Black", serif;
	border: 0;
	margin: 0 0;
	font-variant: small-caps;
}

#middlemain {
	position: relative;
	top: 0;
	z-index: 1;
	visibility: visible;
	background: White;
	width: 700px;
	height: 100%;
	min-height: 100%;
	max-height: 10000%;
	margin: 0 auto;
	text-align: center;
	border: 0;
	background-attachment: fixed;
	background-image: url(pic/image.gif);
	background-position: center;
	background-repeat: no-repeat;
	overflow: visible;
}