Different table size in IE6 and N7

[Horst Rotenholzer]

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:helvetic a,arial,sans-serif;
font-weight:bold;
}

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

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

[Martin Honnen]

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:helvetic a,arial,sans-serif;
font-weight:bold;
}

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

// the table
.hr_tabelle {
border-collapse:collap se;
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/

[Horst Rotenholzer]

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:helvetic a,arial,sans-serif;
font-weight:bold;
}

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

// the table
.hr_tabelle {
border-collapse:collap se;
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.

[Matthias Gutfeldt]

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