2 replies [Last post]
pghjezebel
pghjezebel's picture
Offline
Regular
Last seen: 2 years 27 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; 
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 16 hours 12 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

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

pghjezebel
pghjezebel's picture
Offline
Regular
Last seen: 2 years 27 weeks ago
Timezone: GMT-5
Joined: 2003-05-15
Posts: 22
Points: 0

Problem with 100% height and Netscape7.1

Thanks Tony,
Unfortunatly, I have tried that....and it still doesnt work. If I switch over to Transitional........

Any more suggestions?

I uploaded the files I have......this is as close as I can get it.......but it still doesnt work in Netscape 7

*sigh*

http://www.sumaira.net/pghmuslim/test.html