Problem with 100% height and Netscape7.1

2 replies [Last post]

Fri, 2003-10-10 16:34

pghjezebel

Offline

Regular

Last seen: 6 years 21 weeks ago

Timezone: GMT-5

Joined: 2003-05-15

Posts: 22

Points: 0

I cant seem to force the three divs I need to be 100% to work in Netscape. I can get them working in IE, except for a slight 1px scrolling issue, which I dont mind because it isnt that noticable.

Suggestions?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  
<html>

<head>

<title>Test</title>

<style type="text/css" media="all">
		@import "forposting.css";
	</style>
	
</head>

<body>

<div id="main">

<!--Header-->
<div id="header">
<h1><span>fdgdfgdfgdfgd</span></h1>
<h2><span>fdgdfgdfgdfgdfgdg</span></h2>
</div>
<!--End Header-->

<!--Nav-->
<div id="nav">fdgdf
</div> 
<!--End Nav-->

<!--Right Content-->
<div id="rightcontent">
Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos, ignave multa fatetur, et sapit et mecum facit et Iova iudicat aequo. Non equidem insector delendave carmina Livi esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte decorum, et
si versus paulo concinnior unus et alter, iniuste totum ducit venditque poema.
<p class="p1"><span>Interdum volgus videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos, ignave multa fatetur, et sapit et mecum facit et Iova iudicat aequo. Non equidem insector delendave carmina Livi esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte decorum, et
si versus paulo concinnior unus et alter, iniuste totum ducit venditque poema.
</div>
<!--End Right Content-->

<div id="sidebar">
dfgdfgdfgdf
</div>
</div>
</div>

</div>
<!--Closing Tag for Main-->
	
</body>

</html>

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e3dfdc; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 72%/1.6em Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff; PADDING-TOP: 0px; TEXT-ALIGN: center; height: 100%;
}

#main {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; BACKGROUND: #ffffff; MARGIN: 0px auto; WIDTH: 742px; POSITION: relative; TEXT-ALIGN: left; voice-family: inherit; height: 100%;
}

#header {
margin-bottom: 5px;
}

#header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(img/logo.jpg) no-repeat; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 742px; PADDING-TOP: 0px; HEIGHT: 90px
}
#header SPAN {
	DISPLAY: none
}
#header H2 {
	DISPLAY: none
}
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; MARGIN: 0px; BACKGROUND: url(img/bg_nav.gif); WIDTH: 742px; height: 40px;
}

#rightcontent {
PADDING-RIGHT: 15px; 
PADDING-LEFT: 15px; 
BACKGROUND: #E3E9CD; 
PADDING-BOTTOM: 15px; 
MARGIN: 0px 0px 0px 230px; 
PADDING-TOP: 5px; 
voice-family: inherit; 
text-align: left; 
color: #000000;
}

#sidebar {
BACKGROUND: #c5d19b; 
LEFT: 10px; 
WIDTH: 220px; 
POSITION: absolute; 
TOP: 135px; 
}

Tags:

Beginners CSS Questions

Sun, 2003-10-12 09:39

Tony

Offline

Moderator

Brisbane

Last seen: 4 weeks 2 days ago

Brisbane

Timezone: GMT+10

Joined: 2003-03-12

Posts: 5344

Points: 2965

100% height

Hi pghjezebel,
100% height for columns is one of the things that trip up many people.
In strict mode if you set the body and html to 100%; you should get the columns height working.

html,body { 
	height: 100%; 
} 
#rightcontent { 
	height: 100%; 
}

Hope that helps

Wed, 2003-10-15 00:22

pghjezebel

Offline

Regular

Last seen: 6 years 21 weeks ago

Timezone: GMT-5

Joined: 2003-05-15

Posts: 22

Points: 0