TuteC wrote:
Hello, I´ve got a similar problem with the left sidebar in
http://www.fanus.com.ar/Dev/. When in Firefox I use big font size,
the left bar falls under the right container. And I can not make this
right container occupy its 100% of possible width, don´t know why.
Use more suitable and stable values.
Replacing relevant CSS rules with the following will make your page work...
#container {
width: 100% /* corrected */;
float: right;
margin-left: -300px /* corrected */;
}
#content {
margin-left: 130px;
margin-right: 20px;
position: relative /* added */;
}
#sidebar {
width: 125px;
padding: 0 0 1em 0;
margin-bottom: 1em;
padding: 0px;
color: #333;
float: left;
clear: left /* added */;
}
#LeftTop div {
background-image:url("LeftTop0.gif");
background-repeat:no-repeat /* corrected */;
height:103px;
}
...but float-drops _will_ occur if font-size is bumped *high enough*,
since content on the left side will continue to grow in width. In
Firefox that means the content will overflow, and in IE/win the
containers will expand.
All I have done above is to give more "play-room" for the elements on
the left, and base the width of the main column on full page-width. I've
also made sure the main column stays on top.
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
******************************************************
