Stupid IE! <td> widths

**Skeddles** · 12:23 AM

http://balloonfightforever.bit-digita.com/emotes.asp

In FF, it looks perfect, and in IE, it looks all screwed up(because its not accepting the set width, and just making every column even). Is there a way to get around this?

heres the external style sheet:
http://balloonfightforever.bit-digita.com/style.css

**LadynRed** · 02-21-2008, 09:57 AM

Put a proper DOCTYPE on your pages.

Part of the problem is that you have not defined the width and height on the image you've got stuck in the table cell. You should ALWAYS define width and height, it's proper coding. Without it, you're forcing the browser to guess.

Tables will ALWAYS stretch to fit what you put in them, so you can't stick something in a cell that's larger than your specified width.

You shouldn't be using tables for layout, you should learn CSS for layout.

**Skeddles** · 01:59 AM

Quote:

Originally Posted by LadynRed

Put a proper DOCTYPE on your pages.

Part of the problem is that you have not defined the width and height on the image you've got stuck in the table cell. You should ALWAYS define width and height, it's proper coding. Without it, you're forcing the browser to guess.

Tables will ALWAYS stretch to fit what you put in them, so you can't stick something in a cell that's larger than your specified width.

You shouldn't be using tables for layout, you should learn CSS for layout.

I always forget the doctype. I added it now.
Even with no images, it still doesn't work.Plus the only one was the banner, and I was sure to make it smaller than the cell.

Every one says to use CSS, but I just love tables so much(well, in Firefox anyway). And i don't really understand how to use divs. They always go to the next line. And tables feel more secure, because they hold every thing together.

**LadynRed** · 02-23-2008, 10:18 AM

I can understand your resistance to moving away from tables, but the fact is, tables were never meant for layout, they were, and are, meant for data. Once you learn the proper way to use CSS, you won't have the problem you describe - 'they always go to the next lin' - no, they don't. Tables are slower, they're a maintenance nightmare, and they present their own set of problems.

Try a book like this one to get away from tables: http://www.sitepoint.com/books/html1/

You might also want to read this article:
http://www.hotdesign.com/seybold/everything.html

Quote:

because they hold every thing together.

Sorry, not a valid argument - divs hold everything together, probably better than tables !

**davemies** · 02-23-2008, 11:47 AM

Quote:
because they hold every thing together.

usually until you resize the text then they pull apart

**Skeddles** · 02-23-2008, 11:37 PM

http://skeddles.com/a.htm so why are these on different lines

**joder** · 02-24-2008, 12:30 AM

because you have two div's in a row. Add a container div around the two you have and use floats.

http://www.webmaster-talk.com/css-fo...sites-2-a.html
Look at the links under Layouts

**davemies** · 02-24-2008, 02:31 AM

Quote:

Originally Posted by joder

because you have two div's in a row. Add a container div around the two you have and use floats.

http://www.webmaster-talk.com/css-fo...sites-2-a.html
Look at the links under Layouts

or just float one of the divs

**Skeddles** · 02-24-2008, 01:21 PM

Okay, i completely redesigned my site, using only divs. Here it is: http://balloonfightforever.bit-digita.com/csstest.html

My only problem is the not centering <body>(any tips).

I checked in both browsers too(worked).
(If your bored you could check over the code to make sure i didn't do anything stupid.)

So you guys win, divs are better.

**davemies** · 02-24-2008, 01:54 PM

see Centering a layout here http://www.webmaster-talk.com/html-f...resources.html

**Skeddles** · 07:21 PM

Got it, it works.

But now my site wont stretch(another reason I liked tables)

**joder** · 02-24-2008, 09:35 PM

Because your using absolute widths. When I have two columns, I only specify the width on the menu column and let the other one stretch to the width of my container div.

A couple of sites w/ examples.
http://www.glish.com/css/
http://www.alistapart.com/articles/practicalcss/