Stylesheets - Problem: FF and IE handle padding differently?

Author

Problem: FF and IE handle padding differently?

Greg G

2005-10-16, 6:23 pm

http://mysite.verizon.net/gdguarino/alps.htm

I've got a navigation box with links to the other pages on the site.
Below that I've got another box with a hastily-written anecdote in it
(to be edited later). I'd like the two boxes to be pretty close
together.

The problem is that the distance between them is different in IE than
in Firefox. I assume that the reason for this is that I have a lot of
padding at the top of the nav box to accomodate the page heading bar.
As far as I can tell, IE incorporates that padding into the specified
height of the bax, while FF adds the padding onto the height, making
the box taller. Thus the "anecdote box", whose position is set as a
distance from the top of the window, appears to be close in FF and
further away in IE.

I'm guessing there's a way to have the anecdote box be 5 px below the
nav box rather than specifying it as an absolute position, which would
solve the problem. But I'd also like to know if I'm right about the
difeerence in the way IE and FF handle padding.

Greg Guarino

Spartanicus

2005-10-16, 6:23 pm

Greg G <gdguarino@verizon.net> wrote:

>The problem is that the distance between them is different in IE than
>in Firefox.

http://www.google.com/search?q=css+quirks+strict+mode

--
Spartanicus

ijsaunders@gmail.com

2005-10-17, 6:28 pm

Browser sniff, and render IE stylesheet if IE, or another stylesheet if
not IE! (maybe an opera one too).

Chris Hughes

2005-10-17, 6:28 pm

In message <1129554300.115797.285840@f14g2000cwb.googlegroups.com>,
ijsaunders@XXXXXXXXXX writes
>Browser sniff, and render IE stylesheet if IE, or another stylesheet if
>not IE! (maybe an opera one too).

A bit 1996, surely? Do people still do that sort of thing? :-)
--
Chris Hughes
"Reality is that which, when you cease to believe, continues to exist."
http://www.epicure.demon.co.uk

Spartanicus

2005-10-17, 6:28 pm

Who and what are you replying to? You are posting to usenet, it has
rules to aid the flow of information. Using that anomaly known as Google
Groups doesn't exempt you from these rules: figure out how to use it so
that it inserts an attribution line on top of a reply, and quote a
minimal bit of what you reply to, put your reply beneath it.

ijsaunders@XXXXXXXXXX wrote:

>Browser sniff, and render IE stylesheet if IE, or another stylesheet if
>not IE! (maybe an opera one too).

Browser sniffing is fundamentally flawed and principally inappropriate.

For the issue raised by the OP the solution is to use the link I
provided to learn about Quirks versus Standards mode and possibly learn
about some hacks if you want to cater for IE5.5 or earlier.

--
Spartanicus

Greg G

2005-10-18, 3:18 am

On Mon, 17 Oct 2005 14:23:52 GMT, Spartanicus
<invalid@invalid.invalid> wrote:

>Who and what are you replying to? You are posting to usenet, it has
>rules to aid the flow of information. Using that anomaly known as Google
>Groups doesn't exempt you from these rules: figure out how to use it so
>that it inserts an attribution line on top of a reply, and quote a
>minimal bit of what you reply to, put your reply beneath it.
>
>ijsaunders@XXXXXXXXXX wrote:
>
>
>Browser sniffing is fundamentally flawed and principally inappropriate.
>
>For the issue raised by the OP the solution is to use the link I
>provided to learn about Quirks versus Standards mode and possibly learn
>about some hacks if you want to cater for IE5.5 or earlier.

I fixed it in a way that is probably perfectly obvious to people more
experienced with CSS. I guess I've only recently begun to think in
terms of using DIVs to divide up the page into sections. I put the nav
box and the "anecdote" box into a "column" DIV, which means that they
now line up perfectly and can have any margin between them that I
choose.

See
http://mysite.verizon.net/gdguarino/alpsnew.htm

I haven't fixed the rest of the site yet.

Thanks to all.

Greg Guarino

Spartanicus

2005-10-18, 6:22 am

Greg G <gdguarino@verizon.net> wrote:

>
>I fixed it in a way that is probably perfectly obvious to people more
>experienced with CSS. I guess I've only recently begun to think in
>terms of using DIVs to divide up the page into sections. I put the nav
>box and the "anecdote" box into a "column" DIV, which means that they
>now line up perfectly and can have any margin between them that I
>choose.
>
>See
>http://mysite.verizon.net/gdguarino/alpsnew.htm
>
>I haven't fixed the rest of the site yet.

Your code still renders in Quirks mode, change

<HTML>
<HEAD>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

to

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>

Using a validator helps with such basic syntax errors:
http://validator.w3.org/

--
Spartanicus