I am in the process of switching this website over to dreamweaver. (I want to produce better code.) The problem has come in when I try to set up the layout. You see, pretty much all my images/text are in div tags. I want to now center all of thos div tags making a centered layout website. So, I put all the div tags inside a table; then I centered the table. Everything looks perfect in IE, Navigator, and Opera but in Firefox it shows only half of the flash, and the rest of the divs are not in the centered layout, they are on the left side!! Here is the link: http://www.thecross.tv/home1.html. I should also say that all the divs are positioned as absolute, except for the table (.main) which is relative. Thanks for any help on this matter.

This post has been edited by tim4christ: 29 Oct, 2009 - 02:51 PM

just by clicking the link, I could tell the div were absolutely positioned. Thats probably the problem.

Hope I helped

So, what do I do? Make everything relatively positioned? Thanks!

yes...and i noticed you have a lot of classes, but you gotta do what you gotta do lol

Are classes bad? Would it be better if I used the float attribute or used tables? Using relative css is kind of frustrating to set up cause dreamweaver doesn't let you move the objects--you have to set the numbers up manually.

No! classes are good, it's just that when you have change your code a lot, it can sometimes be a hassle (just imagine how hard it would be if you didn't use classes!!!)

I prefer tables, and though they're old school, they've never done me wrong

I've never used dreamweaver, but I can imagine

== EDIT: AUGH! typos...bad ones :| ==

This post has been edited by iphoneorange: 29 Oct, 2009 - 04:46 PM

Thanks! I'll try tables.

The reason not to use tables is that they go against web standards, which say that tables should only be used to display tabular data. When you place a table on a page it has to be interpreted as one, which in a screen reader or similar technology means that the tags are read out to the user. This can be confusing when you're not expecting to hear tabular data, and causes frustration.

Instead of tables, you should try using divs. A div tag is treated purely as a layout device, and is not read out by screen readers or other devices. In your case, I think you need to start by removing all of your position:absolute rules. Then replace your table with a single div that wraps all of your content. Give it an id, let's say 'wrapper', and apply the following css:

What these do is set the wrapper's width (obviously!) and set the side margins to automatically divide the remaining viewport between them. The position:relative won't affect the position of this div at all, but it will mean that if you decide to use any absolute positions inside the wrapper they're zero point will be the top left of the wrapper div rather than the viewport.

Hey, thanks man! That works! (And it's a whole lot easier than redoing all the positioning!! )