On Oct 23, 2006, at 6:53 PM, Thierry Koblentz wrote:
Hi Tee,
Donna is right, your wrapper and left column are set in EM while
the right
column is in *px*.
So when the wrapper shrinks there is no room for the sidebar in there.
I'd try to float the sidebar left rather than right and go with a
width of
"14em" (wrapper 48em - left column 34em).
The following addition will let the layout self-adjust and keep
everything lined up - regardless of font resizing...
#content {width: auto; margin-right: 230px;}
#right {margin-left: -216px;}
...and it'll still be an em-sized layout.
regards
Georg
Thanks Donna, Thierry and Georg,
Both methods work well except with Georg's method, there are slight
shortcomings.
1) If margins set in Pixel, right column drops to bottom when font
size increases
http://new.marinersq.com/html/georg.html
- Mac Safari & Camino/ PC Firefox: one increasement
- Mac Firefox : two increasement.
2) If margins set in EM, right column drops to bottom when font size
decreases
http://new.marinersq.com/html/georg_em.html
- Mac Camino, PC Firefox : one decreasement
- Mac Firefox and Safari, - two decreasement (this should fine as
it's unlikely people will decrease font-size twice)
3) Perfect solution
http://new.marinersq.com/html/thierry.html
Nothing drops in above mentioned browsers in Mac; in PC Firefox, it
drops only after 4th times of decreasement.
tee
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
