Yet more CSS questions from me.

Simebaby · 13 Apr 2006 at 01:30

Hi All

More IE problems here... I have the following (test) CSS:

Code:

#rightside{
	 width:100%;
	 height:100%;
	 background-color: green;
}

and this HTML:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="test.css" type="text/css">
</head>
<body>
<div id="rightside"></div>


</body>
</html>

Now this doesn't work - the background only occupies a few rows at the top of the browser window, rather than expanding to fill all available space (as per Mozilla).

If I change the !DOCTYPE in the web page to HTML 4.0 Transitional, then it works - but I don't want IE running in quirks mode on these pages - I need it to run in standards mode.

Can anyone help?

TIA

Si.

Simebaby · 13 Apr 2006 at 01:37

Never mind - got it.

Needed this:

Code:

body {height: 100%;}

In the css.

Conrad11 · 13 Apr 2006 at 01:46

Hi there,

Can you post to page demonstrating this? with the effect you wanted.

As i think i am trying to do the same thing, but i am not sure, and when i copy your code i get nothing.....

Thanks

Simebaby · 13 Apr 2006 at 23:06

Sorry for the late reply - just come back on.

I haven't posted anything as yet - what browser are you using?

the reason it didn't work for me was that #rightside was set to 100% - which is relative to it's parent element - in this case, the <body> - so this also needed setting to 100%.

HTH.

Conrad11 · 14 Apr 2006 at 00:27

Hi there,

Thanks for the reply. Well its best to design websites for every browser, but lets just say i am using whatever browser you get the desired effect in.

What is it that you actually achieve by doing this, as I have tried it in: IE, FF and Opera and i don't see anything special that it does.

Do you mean to make the rightbar, go right to the bottom of the page (ie, so you see the background colour of it?)

Thanks...