Just a warning - I consider myself rather new to CSS myself, though I think
I'm starting to get the hang of some of it. Anyway, just take my suggestion
with a grain of salt :-)
On my Mac browsers (Firefox and Safari) the white area to the left of the
"problem box" was both collapsing AND expanding when the window was resized.
I was successful in getting it at least not to collapse with the following
addition to the CSS:
position : absolute;
top : 97px;
right : 16px;
width : 57%;
height : 250px;
background-color : #336799;
/*this is my added code*/
border-left-width : 5px;
border-left-color : #FFFFFF;
border-left-style : solid;
I tried a couple things to get it not to expand, but couldn't find a
solution to that problem. I only tested any of the above on the Mac in the
above mentioned browsers.
City of Springfield, MO
Public Information Office
The box said "Windows 2000 or better. So I bought a Mac!"
On 2/3/05 6:40 AM, "Chris Edwards" [EMAIL-REMOVED]> wrote:
> I am a new poster here so please bare with me. I have marked up the CSS
> box section I am having problems with as 'problem box?' and I would like
> to know how to get this white area (left side) to display an identical
> width to all others. At present it increases/decreases based on the size
> of the browsers viewport. I might be missing the obvious here but any
> help would be great.
> Any suggestions as to what I might be doing wrong would be appreciated.
> Thank you all in advance.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/