473,321 Members | 1,669 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,321 software developers and data experts.

Problem: FF and IE handle padding differently?

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
Oct 16 '05 #1
6 1838
Greg G <gd*******@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
Oct 16 '05 #2
Browser sniff, and render IE stylesheet if IE, or another stylesheet if
not IE! (maybe an opera one too).

Oct 17 '05 #3
In message <11**********************@f14g2000cwb.googlegroups .com>,
ij********@gmail.com 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
Oct 17 '05 #4
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.

ij********@gmail.com 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
Oct 17 '05 #5
On Mon, 17 Oct 2005 14:23:52 GMT, Spartanicus
<in*****@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.

ij********@gmail.com 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.


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

Oct 18 '05 #6
Greg G <gd*******@verizon.net> wrote:
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.


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
Oct 18 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

32
by: Werner Partner | last post by:
Hier is the problem: http://asterix/sonoptikon.de/artemis/index.php The <h1> and <h2> make their ellbows so broad that in the picture arise borders on top and bottom. The general question is:...
2
by: william c | last post by:
Hello there, I'd like to use an unordered list of links as a left-hand menu a la the fairly recent article on a list apart. (see http://www.alistapart.com/stories/taminglists/) So I cut and...
16
by: Stanimir Stamenkov | last post by:
Take a look at: http://www.geocities.com/stanio/test/ie_and_floats.html Basically I got such content blocks: <div class="someblock"> <img class="preview" ...> <p>...</p> <div...
13
by: Patricia | last post by:
First, I know the following code is bad, but it's from a library I have to use, and I can't change it. class A { // some primitive members }; class B { // some primitive members };
0
by: Lokkju | last post by:
I am pretty much lost here - I am trying to create a managed c++ wrapper for this dll, so that I can use it from c#/vb.net, however, it does not conform to any standard style of coding I have seen....
5
by: ruby_bestcoder | last post by:
Hi I already posted this in the javascript group, but seemed to be the wrong place to ask. The code I will post here works in IE, but not in ff. Its basically a group of li that contain divs....
1
by: conckrish | last post by:
Hi All, I have an asp.net application which contains one signup form.When I run in IE 6.0,its working fine as for my design.. But when I run in Mozilla, there are some 10 - 15 px extra bottom...
19
by: rmr531 | last post by:
First of all I am very new to c++ so please bear with me. I am trying to create a program that keeps an inventory of items. I am trying to use a struct to store a product name, purchase price,...
1
by: tehweb | last post by:
Background: I have a fixed position div on the bottom om my page. I have then added a dialog-div into this fixed position one. When I bring up the dialog, everything works if the the scrollTop is...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.