The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> IE Extra White Space
medw1290
post Feb 13 2012, 09:56 AM
Post #1





Group: Members
Posts: 4
Joined: 13-February 12
Member No.: 16,466



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 13 2012, 12:36 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Can you post the URL to the page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
medw1290
post Feb 14 2012, 09:25 AM
Post #3





Group: Members
Posts: 4
Joined: 13-February 12
Member No.: 16,466



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 14 2012, 09:28 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Not enough, I'm afraid. Need the CSS and at least dummy content.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Feb 14 2012, 10:00 AM
Post #5


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Besides that, there are already markup errors in the posted code.
Pass that through the validator (links on this page) and fix the errors.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 08:46 PM