|
Posted by dorayme on 02/12/07 20:26
In article <b80f4$45d09d48$40cba7ac$3255@NAXS.COM>,
"Jonathan N. Little" <lws4art@centralva.net> wrote:
> leodippolito@gmail.com wrote:
> > Hi there,
> >
> > I have this code:
> <snip code>
> >
> > ---
> >
> > It works fine in Firefox (I have a table with the maximum screen
> > height and no scrollbars).
> >
> > In IE7 I get a vertical scrollbar and the table looks larger (in
> > height) than it should be.
> >
> > I don't understand.... What am I doing wrong?
> >
> > How can I have the same Firefox appearence in IE7?
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
> <head>
> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
> <meta http-equiv="content-language" content="en-us">
>
> <title>Dump The Table</title>
>
> <style type="text/css">
> HTML, BODY {
> background-color: #fee;
> margin: 0;
> padding: 0;
> }
> #header {
> background-color: #ffe;
> height: 60px;
> width: 100%
> }
> #contents {
> margin: 0 1em 60px 1em;
> }
> #footer {
> background-color: #eef;
> height: 60px;
> width: 100%;
> position: absolute;
> left: 0;
> bottom: 0;
> }
> </style>
> </head>
> <body>
> <div id="header">Header Here</div>
> <div id="contents">
> <h1>Dump The Table</h1>
> <p>
> Lorem ipsum dolor sit amet, consectetuer adipiscing ...
> </p>
> </div>
> <div id="footer">Footer Here</div>
> </body>
> </html>
If OP is going from tables to this sort of thing, surely better
is:
#footer {background-color: #eef;}
or even
#footer {
background-color: #eef;
text-align; center;
}
depending on how he wants it...
--
dorayme
[Back to original message]
|