Hi,
I am having some issues with extra white space displaying on my site in IE. I have the CSS attributes, height:auto!important; and min-height:500px; set and these work fine in all other browsers.
In IE, the div automatically resizes based on the content, but it increases the height of the page too much which leaves a white gap between the content and the footer.
Is there any way to make the height:auto!important; attribute work correctly in IE or will I have to set a specific height for all of my pages
Thanks in advance
Can you post the URL to the page?
Hi Pandy,
Here is the code to the page, I haven't published the site yet so cannot provide the url sorry.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{title}</title>
<link rel="stylesheet" type="text/css" href="main_style.css">
</head>
<body id="top">
<body class='wsite-theme-light'>
<div id="wrapper">
<div id="main">
<div id="header">
<div id="sitename">{logo max-height="78"}</div>
</div>
<div id="content-wrapper">
<div id="content">
<div id="header-image">
<div class="wsite-header"></div>
</div>
<div id="navigation_wrapper">
<div id="navigation">
{menu}
</div>
</div>
<div id="content-main">
{content}
</div>
</div>
</div>
</div>
</body>
</html>
Not enough, I'm afraid. Need the CSS and at least dummy content.
Besides that, there are already markup errors in the posted code.
Pass that through the validator (links on this page) and fix the errors.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)