Remove the float and clear inline styles from both spans in the html.
On Tue, May 19, 2009 at 11:00 AM, Chris Habgood <[email protected]> wrote:
> I set the first one because it is an autosave of a form in the background.
> I set to none until it saves the form the the RAILS RJS show the span.
>
> This is my CSS for the Spans:
>
> #status, #autosave{
> border: 3px solid #9c9;
> background-color: #cfc;
> margin: 5px;
> padding: 5px;
> display: inline;
> }
>
> If I do not put the inline statement then the first span acts like a div
> and takes up the whole length. I am really baffled by this.
>
> On Tue, May 19, 2009 at 8:17 AM, Andrew Baughman
> <[email protected]>wrote:
>
>> Why does the first span's display set to none? Are there any set widths
>> applied to the spans? If you set both of the spans to 'display: inline;',
>> they will appear in line with each other.
>>
>>
>> On Mon, May 18, 2009 at 1:18 PM, Me <[email protected]> wrote:
>>
>>>
>>> Howdy, I have a div with 2 spans inside. For some reason the second
>>> span is dropping below where it should be.
>>>
>>> <div id="pageheader" >
>>> <span id='autosave' style="float: left; display: none; clear:
>>> right;"> </span>
>>> <span id="status" style="float: right;clear:left;"><%= label_tag
>>> 'Status:' %> <%= @mop.state.humanize %></span>
>>> </div>
>>>
>>> If I float: left it is fine but when it goes to the right it drops.
>>>
>>> any ideas?
>>>
>>>
>>>
>>
>>
>> --
>> Thanks,
>> Andy Baughman
>>
>>
>>
>
> >
>
--
Thanks,
Andy Baughman
--~--~---------~--~----~------------~-------~--~----~
--
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]
-~----------~----~----~----~------~----~------~--~---
