css not working in IE
 

Hello,

I have uploaded a test page on http://test.eezs.com/

The problem is that the content part of the page is not touching the bottom of the page.

I have run this site in FireFox and it displays the way I want it to display but in IE it wont work.

Thanks
If you need anything else such as css tell me I will post here.

Re: css not working in IE
 

Well... part of the problem may be using tables.... you may want to look into DIVS etc instead!

That aside... it will depend on whether you have applied a height to the HTML, Body and the TABLE of 100%.

Re: css not working in IE
 

IE and firefox you gotta love the way they dare to be different from each other in the way they set their margins and padding differently from each other, such individuals. Why tables? have you tried putting   in the data cells that are not working the way you want them too. I'm just trying to help I'm more of a floater and positioner than a table man. I find with tables the constant repetitious HTML gives me a head ache. good luck

Re: css not working in IE
 

well the tables is not my concern as only reason I need it is so that I have somewhere i can put navigation which can be controlled easily rather then flying all over. The table is inside a div which whenever I set its height to 100% the scrollbar comes and you are actually able to move it up and down on a empty page.

Re: css not working in IE
 

okay...

Pleasedefine what you want the page to do.
I am assuming that Header at the top, then contents/nav and footer below the content/nav section.

so, are the content and nav to be seperate from each other, or is it to look like a single entity, and the white bg is to allways reach down and touch the footer?

If that is the case, try applying the background0image/styling the the container div, not the content div.

Taht said, if your Nav and Cotent are seperate from each other, and you are not clearing after the end and before the Cotent ends, then they will break out of the container in Mozilla.

As for tables isntead of Divs... it is a preferance, but with only a little effort, you can achieve exactlt the same result, but it will be a little more sensible to screen-readers.

Re: css not working in IE
 

this is the main html of the page with any tables:

<div id="header"><img src="images/head.gif" height="100"></div>

<div id="main">

<table class="content">

    <tr>

      <td rowspan="2" class="navi">

      +++++++navi here+++++++++++++++

      <td>

      <td class="data">main content here+++++++

      </td>

    </tr>

    <tr class="footer">

      <td>++++++footer++++++td>

    </tr>

  </table>

</div>

and the css for this is:

body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 11px;

 background-color: #ABCDEF;

 margin: 0px;

 padding: 0px;

 border: 0px;

 height: 100%;

 max-height: 100%;

}

#header {

 position: absolute;

 top: 0px;

 left: 0px;

 width: 100%;

 height: 100px;

 text-align: left;

 background-color: #ABCDEF;

}

#main {

 position: absolute;

 top: 101px;

 bottom: 0px;

 right: 0px;

 left: 0px;

}

#main .content {

 width: 100%;

 height: 100%;

 background-color: #FFFFFF;

}

#main .data {

 vertical-align: top;

}

#main .footer {

 vertical-align: bottom;

 text-align: center;

 color: #0099FF;

 background-color: #FFFFFF;

 border-top-width: thin;

 border-top-color: #ABCDEF;

 border-top-style: dotted;

}

ok I want the nav and the content to look like a single identy which I was not able to do so with just divs and want footer, nav and main content touch the bottom of the page until there is more content on the page then that can be displayed on the screen.

if you say you can split up the nav and content and have them beside each other with same height regardless the content then please tell me.

Re: css not working in IE
 

You are asking for the impossible. It might fit YOUR browser, but the following items will change the final size of any page:

- Different video card screen resolutiuons
- Different browser window sizes
- Different browser base font
- Different font assortment available on computer
- Different VIEW menu font adjustments
- Different settings on what to do with oversize images

Re: css not working in IE
 

You can position div inside a div and float it or position it wherever you want. just use a universal class * to set the margin to 0 and the padding to 0. then you can set the divs individually where you want them. Almost like a table but with out the restrictions.

Re: css not working in IE
 

All the things you mentioned are correct. its just that I expect the scrollbars to help me when the screen resolution gets small.
This is why the header image is 770 in width. so that there are less chances of getting a horizontal scroll bar.

Re: css not working in IE
 

I will try that see what happens.