PDA

View Full Version : Float Problems


Chapo
05-02-2009, 10:17 PM
My problem is that a have a Div thats Floats to the right, but when i adjust the browser to a smaller width, the Div in the Left pushes down the Right Float to the bottom. Is there a way that it stays besides and a scroll bar de apear instead of the float going down. ?

(this is the link, you will see at your right a column with some modules and its suposed to be always to the right, when the width of the browser goes smaller, the column will go to the bottom, the CSS could be seen with the Fire Fox Tool Box, this site was built inside Joomla! but edited in DW)

http://www.lamegadeantes.com/lacasadelbuzo/

DWcourse
05-02-2009, 10:30 PM
Why do you have the sidebar floating out there on the right rather than grouped with the rest of the design?

Chapo
05-02-2009, 11:23 PM
Because i'm going to clear the background of the modules and atach the modules to the black right side. The idea is that the black design in the right is always at the right of the browser. Thats my problem, it has to be independant and float to the right without overlapping the main div or going to the bottom when the browser width goes smaller.

Cary
05-02-2009, 11:53 PM
Add

min-width:980px;

to your body styling and add this in the head of your page:

<!--[if lte IE 6]>
<style type="text/css">
body {width:expression( documentElement.clientWidth < 980 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 980 ? "980" : "auto") : "980px") : "auto" );}
</style>
<![endif]-->

Chapo
05-03-2009, 12:54 AM
Thanx.... i'll give it a try now

Corrosive
05-03-2009, 08:27 AM
Thanx.... i'll give it a try now

That's a nice website Chapo.

Chapo
05-03-2009, 05:32 PM
Thanx Corro.... not really like that much, i had another template but the client didn't liked it, so i made a more generic one and Bingo... people likes normal stuff and doesn't want to take the risk of something more simple, beautiful, useful and easier. Real life sucks.

javierrebelde
05-03-2009, 05:45 PM
Add

min-width:980px;

to your body styling and add this in the head of your page:

<!--[if lte IE 6]>
<style type="text/css">
body {width:expression( documentElement.clientWidth < 980 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 980 ? "980" : "auto") : "980px") : "auto" );}
</style>
<![endif]-->


Cary you are the best works great i am helpin chapo with that thanks.

Chapo
05-03-2009, 05:51 PM
Yeap... Javier Rebelde is the man i was talking about who created and its helping me out with the site.

Cary
05-03-2009, 07:34 PM
Just remember, IE6 doesn't understand min-width. That's why it needs the expression.

Chapo
05-03-2009, 09:04 PM
That makes sense. Thanx