Different table size in IE6 and N7

Hello,

I was creating a table inside a div element that positions the table.
However, the table (which is "styled" by CSS) does have a different size
in IE6 and N7. Can anyone help me and tell me what´s the reason for this?

Thanks, Horst

CSS stylesheet:

// the table cells
..tab_zellen {
padding:3px;
font-size:16px;
font-family:helvetica,arial,sans-serif;
font-weight:bold;
}

// div element for positioning the table
#SpielTab {
position:absolute;
left:21%;
right:21%;
top:102%;
}

// the table
..hr_tabelle {
border-collapse:collapse;
border-style:solid;
border-width:1px;
}

Horst Rotenholzer wrote:

I was creating a table inside a div element that positions the table.
However, the table (which is "styled" by CSS) does have a different size
in IE6 and N7. Can anyone help me and tell me what´s the reason for this?
CSS stylesheet:

// the table cells
.tab_zellen {
padding:3px;
font-size:16px;
font-family:helvetica,arial,sans-serif;
font-weight:bold;
}

// div element for positioning the table
#SpielTab {
position:absolute;
left:21%;
right:21%;
top:102%;
}

// the table
.hr_tabelle {
border-collapse:collapse;
border-style:solid;
border-width:1px;
}

It is hard to tell without seeing the markup.
Are you aware that IE6 doesn't implement the CSS box model unless you
force it to standards compliant rendering mode by providing a HTML
DOCTYPE declaration?
http://msdn.microsoft.com/library/de...hancements.asp

Maybe IE6 is in quirks mode and that causes the difference.
--

Martin Honnen
http://JavaScript.FAQTs.com/

Hello,

thanks for the tip with the link at MS. Maybe I find there the problem.
However, IE should not be in quirks mode, because I have a xhtml-Doctype
declaration.

Thanks, Horst

Martin Honnen wrote:

Horst Rotenholzer wrote:

I was creating a table inside a div element that positions the table.
However, the table (which is "styled" by CSS) does have a different
size in IE6 and N7. Can anyone help me and tell me what´s the reason
for this? CSS stylesheet:

// the table cells
.tab_zellen {
padding:3px;
font-size:16px;
font-family:helvetica,arial,sans-serif;
font-weight:bold;
}

// div element for positioning the table
#SpielTab {
position:absolute;
left:21%;
right:21%;
top:102%;
}

// the table
.hr_tabelle {
border-collapse:collapse;
border-style:solid;
border-width:1px;
}



It is hard to tell without seeing the markup.
Are you aware that IE6 doesn't implement the CSS box model unless you
force it to standards compliant rendering mode by providing a HTML
DOCTYPE declaration?
http://msdn.microsoft.com/library/de...hancements.asp


Maybe IE6 is in quirks mode and that causes the difference.

Horst Rotenholzer wrote:

Martin Honnen wrote:
Maybe IE6 is in quirks mode and that causes the difference.

thanks for the tip with the link at MS. Maybe I find there the
problem. However, IE should not be in quirks mode, because I have
a xhtml-Doctype declaration.

It might be in Quirks mode if you have an XML prolog. What's the URL?


Matthias