Previous Message
Next Message

table width problem in IE?

Sent by DL Neil on 25 November 2003 10:10


NB if someone has already responded I apologise
- my ISP is having major email difficulties/spam overload (they say). Current
inbound delay is 12~24hrs...


Dave,

> Sure. Here's a simple page that exhibits the problem:
> http://interfacethis.com/misc/css-test/ie-table.html
> - The body margin and padding are set to 0.
> - The DIV has its padding set to 20px.
> - The table has its width set to 100%
> - The table and its cells have 0 for padding, margin, and border.
> Mozilla gets it right: The table is the full width of the available  
> space inside the DIV (i.e. the page width minus 40px). But IE6 makes  
> the table the full _page_ width, ignoring the DIV's settings and thus  
> running off the right side.


This is an IE quirks mode/legacy issue. If you replace the existing DOCTYPE
with:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

then the 100% is relevant to the container (not the viewport). A STRICT
DOCTYPE will also do the biz.

I've forgotten where, but someone else will know - or a bit of Googling will
show you; there is a convenient table of which DOCTYPEs put various versions
of IE (?and perhaps other browsers) into different modes depending upon the
combination of DOCTYPE, URL, and browser.

Regards,
=dn

_____________________________________________________
etelligence.info - information, research, consultancy

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: