Layout alignment

elf Jul 14, 2009 8:12 AM

Hi

I created left and right layout panels and RF generated free space between them.

<div style="float: left; width: 67.91%;" width="70%">

<div style="float: right; width: 29.11%;" width="30%">

How I can avoid free space and divide page on 70% and 30%?

Help me please.

1. Re: Layout alignment

ilya_shaikovsky Jul 15, 2009 6:50 AM (in response to elf)

the current design based on Yahoo layout implementation as it stated in docs and requirements specification at wiki. And Y! UI uses http://www.w3.org/TR/html401/types.html#type-multi-length for width definition only. So your definitions converted to closest ones.
Actions
2. Re: Layout alignment

elf Jul 15, 2009 9:24 AM (in response to elf)

Sorry, I do not understand,
how I can avoid free space between layout panels ?
Actions
3. Re: Layout alignment

ilya_shaikovsky Jul 16, 2009 4:25 AM (in response to elf)

you could check the CSS classes apllied to divs and properties from them via fireBug and redefine as you need.
Actions
4. Re: Layout alignment

alexsmirnov Jul 16, 2009 5:36 PM (in response to elf)

We have make Layout Panel styles from Yahoo UI grids CSS. That space is necessary to keep elements on same line in all supported browsers.
Actions