Thanks Jaison, i sort it out by removing width from left and middle div. In the middle div i added margins, equal to right and left so it seems nice to even smaller resolutions.
On Mon, Jul 18, 2011 at 7:01 PM, Jaison James <[email protected]> wrote: > My solution will work sure, if your are giving width in percentage also you > should give the margin and padding in percentage. > > Sample code: > > > <style type="text/css"> > html, body, body *{margin:0; padding:0;} > #sidebar-left{ > width:20%; > float:left; > background:blue; > overflow-x:hidden; > height:500px; /* remove */ > } > #content{ > width:56%; > float:left; > background:yellow; > margin:0 0 0 2%; > overflow-x:hidden; > height:500px; /* remove */ > } > #sidebar-right{ > width:20%; > float:left; > background:red; > margin:0 0 0 2%; > overflow-x:hidden; > height:500px; /* remove */ > } > </style> > > > > <div id="sidebar-left"> </div> > <div id="content"> </div> > <div id="sidebar-right"> </div> > > > Thanks > > > On Mon, Jul 18, 2011 at 6:47 PM, Zoran Gajin <[email protected]>wrote: > >> Interesting solution Jaison, but it's not working. >> >> Here's the code: >> >> #content { >> margin: 0 15em 0 13em; >> width:63% >> } >> >> #left { >> float:left; >> margin:0; >> padding-right:10px; >> } >> >> #right { >> float:right; >> } >> >> Now i just switched places between content and right div in html, and it >> did the trick. >> Strange thing to be honest, to do the trick. >> >> On Mon, Jul 18, 2011 at 2:43 PM, Jaison James <[email protected]> wrote: >> >>> Give proper *width*:value; , *float:left*; and *overflow:hidden;* for >>> three div's >>> >>> It will work fine, sure >>> >>> Thanks >>> >>> >>> On Mon, Jul 18, 2011 at 6:07 PM, crni <[email protected]> wrote: >>> >>>> Hey guys, >>>> >>>> i have problems with floating. >>>> I wanna create three columns, and two of them are fine but the one >>>> with floating right, the third one is not in proper position. First >>>> column with horizontal nav bar, is floated left. Then i have middle >>>> column with content, it's also in good position, but the third one, i >>>> gave it float to the right, but for some reason it's on the bottom of >>>> the page. I tried giving it proper width, and left margin that is >>>> equal or little bigger then the with of that column, and it's still at >>>> the bottom of the page. Can some one help me with this problem? >>>> >>>> Thanks >>>> >>>> -- >>>> -- >>>> You received this because you are subscribed to the "Design the Web with >>>> CSS" at Google groups. >>>> To post: [email protected] >>>> To unsubscribe: [email protected] >>> >>> >>> >>> >>> -- >>> Regards, >>> >>> -- >>> -- >>> You received this because you are subscribed to the "Design the Web with >>> CSS" at Google groups. >>> To post: [email protected] >>> To unsubscribe: [email protected] >>> >> >> >> >> -- >> >> *Zoran Gajin* >> >> Urednik >> >> www.filmske-radosti.com >> Sve o filmu na jednom mestu >> Tel:+381 64 5555 469 >> >> -- >> -- >> You received this because you are subscribed to the "Design the Web with >> CSS" at Google groups. >> To post: [email protected] >> To unsubscribe: [email protected] >> > > > > -- > Regards, > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] > -- *Zoran Gajin* Urednik www.filmske-radosti.com Sve o filmu na jednom mestu Tel:+381 64 5555 469 -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
