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]
