You are here: Re: floating divs width unknown width « HTML « IT news, forums, messages
Re: floating divs width unknown width

Posted by jojo on 10/17/06 16:30

Snef wrote:
> Hi,
>
> I'm trying to do a simple thing but for some reason I do not get it right.
>
> I have 2 div's that are floating next to eachother. The most left div is
> 200px in width. The div on the right is of unknown width (that depends
> on the left div, that one can be hidden when there is no content in it).
> In IE the right div is displayed next to the left one, but FF shows it
> onder the first because it has no width set.
>
> How can this be solved?
>
> Here is an example:
>
> <div style="width: 500px; background-color: #cccccc; overflow: auto;">
> <div style="float: left; width: 200px; background-color: #eeeeee;
> display: inline;">
> div1
> </div>
> <div style="float: left; background-color: #dddddd; display: inline;">
> div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2 div2
> div2 div2
> </div>
> </div>

Simply set a margin-left:200px; to your right <div>. Should work. If you
have a border applied to your <div>s add the border-width to the margin.
If you are not sure about howmuch to add just set margin-left: 210px;,
this should be enough.

 

Navigation:

[Reply to this message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация