CSS Drive forums | IE 6 div problems

IE 6 div problems

dewalt

Posted: 23 February 2009 04:51 PM

[ Ignore ]

Newbie

Total Posts: 1

Joined 2009-02-23

Hey guys,

I’m having a problem trying to get a div to show up the entire height of the page. It works fine in IE 7, Firefox, Chrome, etc.

Here’s the snippet of the code in question.

<html>
<head>
<style>
.custom #page {
margin: 0 auto;
width: 80%;
}
.custom .page-border-left {
background: transparent left repeat-y url('http://images2508.googlepages.com/page-border-left.jpg');
width:5%;
height:100%;
float:left;
position:fixed;
}

</style>
</head>
<body class="custom">

<div id="container">
<div id="page">

  <!-- Start Left Page Border -->
  <div class="page-border-left"></div>

    </div>
    
</div>
</body></html> 

Profile

Chineseand

Posted: 23 February 2009 08:27 PM

[ Ignore ] [ # 1 ]

Newbie

Total Posts: 2

Joined 2009-02-23

if you put content in there, it will go at least the height of the content. Not sure if that’s any help..

Profile

X96 Web Design

Posted: 24 February 2009 01:06 AM

[ Ignore ] [ # 2 ]

Newbie

Total Posts: 12

Joined 2009-01-29

The page has to be at least the height of the user’s browser window for that to work. What I think you can do is add this to your css:

html {
display:block;
height:100%;
} 

This way the page height is set to 100% (hopefully). Don’t hold this against this if it doesn’t work.

Sorry if that doesn’t help…

BTW, you should always put type=“text/css” in your style block tag. Just so it renders properly and validates well.


<style type="text/css">

Cheers,
X96 WD

Profile

towelie

Posted: 18 July 2010 09:42 AM

[ Ignore ] [ # 3 ]

Newbie

Total Posts: 13

Joined 2010-07-08

For all users who find this and haven’t got the answer properly…. from my experience, whatever is wrapping the div has to have it’s height set as well as the main page.

if your code is similar to below:

html
body
div id=“EXAMPLE”

....set example, body and html height: 100%

if if’s nested within another div such as:

html
body
div id=“EXAMPLE”
div id=“SUBEXAMPLE”

......set subexample, example, body & html height: 100%

Hope this helps anyone else looking for this answer.

============================================
tampa web design diabetes log

Profile

gamb

Posted: 05 August 2010 06:55 AM

[ Ignore ] [ # 4 ]

Newbie

Total Posts: 4

Joined 2010-08-05

Good problem for here, thanks.

Profile

WelKe

Posted: 03 October 2010 06:27 PM

[ Ignore ] [ # 5 ]

Newbie

Total Posts: 5

Joined 2010-10-03

How many problems with it IE 6 %)

Profile

outdoor motion detector

Posted: 25 November 2010 01:07 PM

[ Ignore ] [ # 6 ]

Newbie

Total Posts: 1

Joined 2010-11-25

It is very confusing

Profile

raja bangalore

Posted: 25 November 2010 09:02 PM

[ Ignore ] [ # 7 ]

Newbie

Total Posts: 2

Joined 2010-11-25

all

i have come across this kind of problem

refere site : http://www.epcpw.com

tested in IE6 Ie7 Ie 8 mozilla

thanks

Profile

financial-accounting

Posted: 16 December 2010 12:07 PM

[ Ignore ] [ # 8 ]

Newbie

Total Posts: 2

Joined 2010-12-16

Resources like the one you mentioned here is very useful! It is helpful for me.I will post a link to this page on my blog. Financial Accounting

Profile

Donald

Posted: 28 January 2011 11:25 AM

[ Ignore ] [ # 9 ]

Newbie

Total Posts: 2

Joined 2011-01-28

Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. Keep up the good work! FHA Loans | California DUI Lawyer

Profile

mysteriouss1982

Posted: 01 February 2011 12:53 PM

[ Ignore ] [ # 10 ]

Newbie

Total Posts: 12

Joined 2011-01-17

there’s nothing scientific going on here—this is a simple case of an IE6 rendering error.

Profile

borjuis

Posted: 04 February 2011 01:39 PM

[ Ignore ] [ # 11 ]

Newbie

Total Posts: 3

Joined 2011-02-04

Try this

<body class="custom">

<div id="container">
<div id="page">

  <!-- Start Left Page Border -->
  <div class="page-border-left"></div>

    </div>
    
</div>
</body> 