Sent by Ron Derksen on 13 November 2002 08:08
Hi,
I've been lurking on this list for a while now, but I haven't had a
question until now. A client of my company has asked for a website
restyling and of course that can be done.
Our graphics designer has made a very nice 3 column design (with a
header on top, but that isn't the problem). The 3-column design is made
for a resolution of 1024x768. On this resolution, the left and center
columns are 800 pixels wide together.
As you can imagine, if a user browses the site with a 800x600
resolution, they can't see the righthand column. We don't want the
design to flow completely, because that would give a very small middle
column, which contains the content.
Our (theoretical) solution for this was like this:
- on 1024x768 the site looks as designed.
- on resolutions > 1024x768 the site flows so that whitespace is added
between the 3 columns. The content area stays the same width, but
there's more "padding" from the left and right columns.
- on 800x600 the design flows so that the left and center column take up
about 80% of the screen, while the right column is shown half on screen,
half off screen (which would mean left-right scrolling is needed).
I know this isn't the most user-friendly solution, but it's the best
compromise between design and usability.
The problem I'm having with this, is that the implementation I thought
would work, doesn't. I was under the impression that I could use the
following stylesheet:
#leftmenu, #rightmenu {
width:250px; }
#content { width:550px;
min-width:425px; }
In my opinion, this would mean that the left and right column have a
fixed width of 250px, while the center column is at least 425px and if
possible 550px. For some reason, though, it doesn't work like that. I've
tried it with tables and with divs, but neither seem to do the trick. I
tried floating the divs, positioning them absolutely and adding margins
to the center column, but both ideas didn't work.
I've convinced my project leader and the graphics designer that this
wouldn't be a problem and before I swallow my pride and tell them I was
mistaken, I want to make sure that it's not just a shortage of CSS
experience on my behalf :-).
Thanks in advance for any help,
Ron Derksen
_______________________________________________
css-discuss [EMAIL-REMOVED]]
http://two.pairlist.net/mailman/listinfo/css-discuss
Sponsored by www.westciv.com - CSS resources | software | learning
