Bet you can't do this.

[wardy83]

I hope there is a way but not sure!

Basically, I have a site with three columns: left, center and right.

I want to put a flash banner in the center column but when the site is resized to 800x600 it screws up and overlaps the columns.

The only way around keeping the size and not overlapping the columns would be to have it above the columns. But if I do this it wont look right in any resolution above 800x600.

Is there a way around this?

ie. It appears above the columns for 800x600 res and in the center div for anything above?

Maybe PHP?

[Old_Honky]

There is a way using a special stylesheet called in by javascript when the screen resolution changes.

I have used it to re-space vertically and horizontally on wide screens.

We aren't allowed to give links here but if you google for "stylesheetsbyresolution2" you should get the info you need.

[SuzyUK]

how about using a min-width on the center column?
e.g. min-width = to width of flash banner

[Xapti]

How did you size the columns? with percentage, I assume? All you need then is to either size it fixed-width, or add a min-width. Going the min-width route will require a fix for internet explorer as far as I know (it interprets width as min-width too, and doesn't support min-width).

I really don't understand your situation very well though.

[edited by: Xapti at 8:01 pm (utc) on Dec. 19, 2007]