[UPHPU] Yet More CSS Stuff

[John David Anderson]

On Jan 26, 2007, at 10:10 AM, Tyler Gee wrote:

> Try the height property on those elements.

You might try to put something in there that clears after the  
floating elements. Putting this:

<div style="clear:both"></div>

Will show you what needs to happen, though you might want to give  
that clearing div a class or ID. This way you don't need to specify  
the height, you can just let the element fill out however it should  
based on the content inside.

-- John

>
> On 1/26/07, Smith, Jeff <Jeff.Smith at hollycorp.com> wrote:
>> I am working on a small personal project and came across a small
>> problem.
>>
>>
>>
>> www.arcanatower.com/ajaxTest/problem.php
>>
>>
>>
>>
>>
>> here are the parts I think are pertinent to the problem.  I  want a
>> white background and black border.  In it renders like I expect in  
>> IE7
>> but in Firefox the border collapses.  I am pretty sure it is  
>> because I
>> am floating the name and account number.
>>
>>
>>
>> Any idea?
>>
>>
>>
>> #mainBody {
>>
>>                 border: 1px black solid;
>>
>>                 background-color: white;
>>
>>                 margin: 0px;
>>
>>                 margin-left: 180px;
>>
>>                 margin-bottom: 5px;
>>
>>                 padding: 0px;
>>
>> }
>>
>>
>>
>> .accountList {
>>
>>                 width: 600px;
>>
>> }
>>
>>
>>
>> .accountListName {
>>
>>                 float: left;
>>
>>                 width: 180px;
>>
>> }
>>
>>
>>
>> .accountListNumber {
>>
>>                 float:left;
>>
>>                 width: 420px;
>>
>> }
>>
>>
>>
>> <div id="mainBody">
>>
>>                 <div class="accountList">
>>
>>                                 <div
>> class="accountListName">Comcast</div>
>>
>>                                 <div
>> class="accountListNumber">54635656245</div>
>>
>>                 </div>
>>
>>                 <div class="accountList">
>>
>>                                 <div class="accountListName">Utah
>> Power</div>
>>
>>                                 <div
>> class="accountListNumber">546546214894984</div>
>>
>>                 </div>
>>
>> </div>
>>
>>
>>
>> _______________________________________________
>>
>> UPHPU mailing list
>> UPHPU at uphpu.org
>> http://uphpu.org/mailman/listinfo/uphpu
>> IRC: #uphpu on irc.freenode.net
>>
>
>
> -- 
> ~Tyler
>
> _______________________________________________
>
> UPHPU mailing list
> UPHPU at uphpu.org
> http://uphpu.org/mailman/listinfo/uphpu
> IRC: #uphpu on irc.freenode.net
>