Tables and browsers?

[dirtyface]

Ok I've just started to use css for my updated site and I'm having serious trouble with the layout!

First off I have a series of 5 rollovers I want to use on my title page. I've set these in a table with 5 rows. I want this table to be relative (fluid) so it moves with the browser but I cant seem to find a way of applying relevant css to the table. Is this possible?

I'm also having trouble when I test my site in different browsers. I've loaded in both ie 5.2 mac and safari but the images are positioned in different places in each even though they have the same css attributes. Any ideas?

[igjoe]

1. You want you table to be fluid in what way? The width of the cells or the position? I'm somewhat confused.

2. Browsers render html and css differently. Yes, it sucks, but it's how things work. You need to do some more tweaking to your css to get it to work in multiple browsers. The more specific you can be the better. For example, you may need to specify margins and padding because some browsers add some if it isn't set to a certain number in the css. Play around with your attributes and hopefully you can come up with something.

[dirtyface]

I want the position of the table to be fluid. Is that possible do I place the table in a frame?

Can I ask what padding is and does? I dont really understand why there are so many attributes to CSS that can mean the same thing. Padding, border, margin. Don't they all control the distance an image sits from the edge of the screen? Sorry I'm new to CSS

Thanks for the help

[igjoe]

I guess i still need more details on what you want the table to do... "fluid" is too vague for me too help you.

As for the css think of it this way. Border = visible border that you can see. kind of like the 1px black borders that surround these forum posts

margin and padding are very similar but are definitely different. Think of it this way. Margin puts space on the OUTSIDE of the cell and padding puts space INSIDE the cell. A good example would be like padded cell in a jail. "Padding" would be how thick the padded walls are inside the cell and the "margin" would be how much space there is in between the walls of the other cells. Hopefully this makes more sense!

[dirtyface]

I want that table to sit centered in the middle of the page in between two gif images. The gif images have CSS attributes and behave the way I want them to but the table is what I would call static and does not move with the browswer in the way the gif's do. Does that make more sense.

Thansk for your help

[igjoe]

hmm kind of... Does it make sense If i say set the table width and height using percents? like width="80%" and height="20%"

Then if you make your browser bigger or smaller it will size proportionately to how big the window is. Is that what you are looking for?

[dirtyface]

Yes thanks that is one of the things I'm trying to achieve. However, I'm still not able to centre or apply width and height values to my table for some reason. I want to apply attributes to it like I can my layers but for some reason the CSS attribute box is blank and will not let me apply the same attributes I can to layers. Is this a simple operation that I'm missing?

Thanks again

[igjoe]

I guess I haven't worked with layers before. I've mostly done divs and tables using HTML and CSS. It sounds like you are having problems with the program creating your site though. My best advice would be to search for some tutorials on CSS and learn how to hand code. That way you won't be restricted by the limits of your program.