Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Netscape 6's Box Implementation

Status
Not open for further replies.
bgreenhouse

bgreenhouse

Technical User
Feb 20, 2000
231
CA
Hi Folks

I'm designing a site that mainly uses CSS, but still relies on tables to keep things straigh within the two main divs (classic left/right content/menu layout). The weird thing that's happening is that in my content area (set with a height of 100%), in NN 6.0 the table that is within that div is extending over it (it has borders) at the bottom. In IE it is truly following the CSS and heigh tis the full page...here's my class definition...

Code: 
#mainsection {
padding: 3px;
background-color: #ffffff;
border: 1px #000000 solid;
left: 10px;
position: absolute;
top: 134px;
width: 700px;
z-index: 1;
height: 100%;
}

Any ideas/links/pointers?

Thanks,

Ben
 
Sort by date Sort by votes
ben,

Could you show us the html too? if you could have a small HTML file with just your problem on it it would be even better! :) Gary Haran
==========================
 
Upvote 0 Downvote
SUre...

Code: 
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>

<html>
<head>
	<title>TITLE HERE</title>
	<link href=&quot;styleNN.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;>
	<style type=&quot;text/css&quot;> 
		@import url(Style.css); /*IE and NN6x styles*/
	</style>
	<link rel=&quot;shortcut icon&quot; href=&quot;icon.ico&quot;>
	<link rel=&quot;icon&quot; type=&quot;image/png&quot; href=&quot;icon.ico&quot;> 


</head>

<body>

<div id=&quot;header&quot;>
<table class=&quot;headertable&quot;>
		<tr><th><img src=&quot;images/mec_header_text.gif&quot; width=&quot;431&quot; height=&quot;15&quot; alt=&quot;&quot; border=&quot;0&quot;></th></tr>
		<tr><td><img src=&quot;images/sotc_header.jpg&quot; width=&quot;487&quot; height=&quot;95&quot; alt=&quot;&quot; border=&quot;0&quot;></td></td>
</table>
</div>

<div id=&quot;mainsection&quot;><div class=&quot;content_table&quot;>
  <table>
    <tr> 
      <td class=&quot;gmmcontent&quot;>
        <table>
          <tr> 
            <td>Bunch of content here...</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div></div>
</body>
</html>

of course, I deleted a lot of table filler - but that's the basics...

Here's the contenttable class also...

Code: 
.contenttable {
	width: 100%;
	border: 0;
	cellspacing: 1;
	cellpadding: 0;
	height: 100%;
}

B
 
Upvote 0 Downvote
No one huh?

Well, I just realized that it wasn't the content_table class you needed, it was the mainsection code...

Code: 
#mainsection {
padding: 3px;
background-color: #ffffff;
border: 1px #000000 solid;
left: 10px;
position: absolute;
top: 134px;
width: 700px;
z-index: 1;
height: 100%;
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

scorney
  • Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
321
3esolar
3
Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
122
Alt255
Alt255
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
691
Chris Miller
Chris Miller
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
108
lmcate
lmcate
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
340
pmonett
pmonett

Part and Inventory Search

Sponsor

Back
Top