Previous Message
Next Message

Re: [css-d] float:right and Mac IE5

Sent by Chris Casciano on 25 January 2002 11:11


on 1/25/02 2:48 AM, Scott Andrew LePera at [EMAIL-REMOVED] wrote:

> Hello everyone. For my inaugural post on css-discuss, I'd like to ask for
> advice on a full CSS site redesign.  Here's the URL:
> 
> http://www.scottandrew.com/cssgrudge
> 
> compare it to the orginal, table-based layout:
> 
> http://www.scottandrew.com

<snip>

> So here's the problem: those of you with Mac IE5 will notice that the weblog
> paragraphs wrap at the left margin of the random grey text in the upper
> right corner, instead of all the way over to the right margin of the page.
> That grey text is inside a DIV with a float:right applied. It's almost as
> the DIV is stretched downward, invisibly, blocking the text and forcing the
> wrap.
> 

Scott,

I see what you're talking about. I tried a bunch of different things like
you did at first and like you I saw no change. So I went looking for another
way out and found it. Rather then float the random text element I just used
text-align:right instead. The results look the same to my eye in Mozilla,
and the content area stretches the full width in IE/mac as well.

The new definition of #random looks like this:

#random
{
    float:none;
    text-align:right;
    font-weight: bold;
    font-size: 28px;
    margin: 5px 0px 20px 0px;
    color: #dddddd;
    font-family: arial,helvetica;
}

(I posted it here as well: http://placenamehere.com/css-discuss/sal_mac.html
)

Note: I didn't get a chance to get a peek at it on IE6/PC.

-- 
Chris Casciano                  home >> http://www.placenamehere.com/
                                words > http://www.chunkysoup.net/
[EMAIL-REMOVED]       fun >>> http://www.neuralust.com/~cac6982/
Previous Message
Next Message

Message thread: