imported_handidrummed
11-16-2004, 06:29 PM
Hey everyone,
Here's a brain twister for you..
I'm recoding my website using <div>'s and CSS instead of tables.
http://www.handidrummed.com/index_new.html
At the bottom of the screen, notice the "footer" that says Test in it? Well, I've been having an interesting problem with the width.
The width of the site is 700 pixels, however, if I create a <div> for the footer and set that at 700px, it for one, doesn't center, and for two it comes up looking a slightly shorter width in IE than the main table above it. In Firefox it looks perfect. Now, I tried setting the width to 100% instead, and when I do this, it looks slightly shorter in BOTH browsers...
So, what I wound up doing was instead of creating a div, I just created a table for the footer. But the interesting thing is that if I again, set the width to 700px, in both browsers it's still slightly not wide enough. But if I set the width to 703, it matches up perfectly with the table above it.
I don't mind having to do this, but I'm just really confused about it. Anyone have any ideas? Oh, and if anyone looks at the code, I have a wrapper around the whole site, which I set to 703px just in case.
Here's a brain twister for you..
I'm recoding my website using <div>'s and CSS instead of tables.
http://www.handidrummed.com/index_new.html
At the bottom of the screen, notice the "footer" that says Test in it? Well, I've been having an interesting problem with the width.
The width of the site is 700 pixels, however, if I create a <div> for the footer and set that at 700px, it for one, doesn't center, and for two it comes up looking a slightly shorter width in IE than the main table above it. In Firefox it looks perfect. Now, I tried setting the width to 100% instead, and when I do this, it looks slightly shorter in BOTH browsers...
So, what I wound up doing was instead of creating a div, I just created a table for the footer. But the interesting thing is that if I again, set the width to 700px, in both browsers it's still slightly not wide enough. But if I set the width to 703, it matches up perfectly with the table above it.
I don't mind having to do this, but I'm just really confused about it. Anyone have any ideas? Oh, and if anyone looks at the code, I have a wrapper around the whole site, which I set to 703px just in case.