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 SkipVought 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
0
0
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

Alt255
  • Locked
  • Question
Searching for a string that contains brackets
Replies
0
Views
67
Alt255
Alt255
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
303
Chris Miller
Chris Miller
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
58
lmcate
lmcate
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
158
pmonett
pmonett
jason.lex
  • Locked
  • Question
crop image to fit in a div box?
Replies
2
Views
55
jason.lex
jason.lex

Part and Inventory Search

Sponsor

Back
Top