CSS layout help needed!

gromer · 05-18-2005, 10:51 PM

Check out my test page:

http://www.gr0m3r.com/unique/layout01.html

My main goal is to have the black borders on the left and right to go 100% verticaly. My code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Test Layout</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
background: #808080;
}
#content {
position: relative;
display: block;
width: 800px;
height: 100%;
margin: 0px auto;
border-left: 5px solid #000000;
border-right: 5px solid #000000;
background-image: url(http://cdn.namepros.com/images/white.jpg);
background-repeat: repeat;
}
p { margin: 0; }

img.server_top
{
	right: 0px;
	top: 0px;
	position: absolute;
}

img.server_bottom
{
	right: 600px;
	top: 80px;
	position: absolute;
}

</style>
</head>
<body>
<div id="content">
	<img class="server_top" src="images/server01.jpg" alt="Server" />
<p>you can put anything you want in this box</p>
<div id="box">&nbsp</div>
</div>
</body>
</html>

height: 100%; does not work. This is driving me nuts!!! Please help me.

Rowan W · 05-18-2005, 11:14 PM

Originally Posted by gromer

height: 100%; does not work.

Correct.
????: NamePros.com http://www.namepros.com/programming/91324-css-layout-help-needed.html

The only way to do this would be with frames.

However, you can try this: http://www.quirksmode.org/css/100percheight.html

gromer · 05-19-2005, 09:59 AM

Originally Posted by Rowan W

Correct.
????: NamePros.com http://www.namepros.com/showthread.php?t=91324

The only way to do this would be with frames.

However, you can try this: http://www.quirksmode.org/css/100percheight.html

Thank you so much! I put height: 100%; in my body and it works great!

gromer · 05-19-2005, 04:28 PM

Hmmm, looks like height: 100%; in html and body does not fix the problem if I put in too much content to where it scrolls vertically.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
css position help needed	cyberdread	Programming	1	05-14-2005 06:52 PM
CSS Help Needed	Chorei	Web Design Discussion	0	04-12-2005 11:28 AM
CSS Layout Issue In I.E. (figures)	XX7509	Web Design Discussion	3	03-26-2005 12:34 AM
CSS Layout Headache...	agoni_dsp	Web Design Discussion	1	03-22-2005 11:35 AM
Simple layout needed.	Humdizzy	Website Development	8	03-12-2005 06:53 AM

05-19-2005, 04:28 PM	THREAD STARTER #4 (permalink)
gromer New Member Join Date: May 2005 Location: Austin, TX Posts: 3	Hmmm, looks like height: 100%; in html and body does not fix the problem if I put in too much content to where it scrolls vertically.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)