TuteC wrote:
Thank you very much, Georg. That´s exactly what I want: that the
content overflows or the div expands but mantaining the same
position. You say that if we "grow"enough the text, the sidebar will
fall anyway down, but isn´t there a technique to make it "borrow"
some of the space the container uses?
Yes, but there's always a limit - somewhere :-)
Defining some width and margins in 'em' will make those columns adjust
to each other when subjected to font-resizing.
The following...
#container {
width: 100%;
float: right;
margin-left: -15em /* corrected */;
}
#content {
margin-left: 11em /* corrected */;
margin-right: 20px;
position: relative;
}
#sidebar {
width: 10em /* corrected */;
padding: 0 0 1em 0;
margin-bottom: 1em;
padding: 0px;
color: #333;
float: left;
clear: left;
}
...will allow for at least 500% font-resizing in Firefox without
float-drop, but the end-User should then have at least a 1600px wide
window to avoid getting a very narrow main-column.
I tested it up to 1000% (100 steps) font-resizing in Firefox - just to
make sure it worked, on a 3800px wide window. Quite readable ;-)
You shouldn't push Firefox much further than that, as it may actually crash.
regards
Georg
--
http://www.gunlaug.no
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
