Re: Grrr, floats...

Brenda wrote:
> I hate floats... grrr...
> 
> www.brendablog.com
> 
> I'm working on a WordPress layout. The red, green and blue boxes are 
> contained within div#rap. The red and green are floated left, and the blue

> has a wide left margin. In FF and Opera it looks fine, the blue box on the

> right goes to the top of the page. But in IE (of course!) the blue box only

> goes up as far as the green box.
> 
> Help... and many thanks ...
> 
> ...Brenda
> 
> 
> 

Not sure exactly what you're trying to do here, but...You've got floats 
and positions in the same definition. Try removing all your padding, 
removing position: relative where there is a float, and use a width to 
get the box the size you want.

Also, it will be MUCH easier to practice on a plain html page and then 
cutting it up as necessary for wordpress.
-- 
Shelly Haffly  |  http://www.haffly.com

.: Nadia :. wrote:
> "Shelly Haffly" <shelly@haffly.com> wrote in message 
> news:NyCONrfLHHA.332@ns1.xroubaix.com...
> 
> 
>> ** SHWEETS! ** Coming soon.
> 
> That sounds interesting and may be yummy?  ;-)
> 
> --
> Nadia 
> 
> 

:-D Very yummy. Just in time for Valentines. ;-)

-- 
Shelly Haffly  |  http://www.haffly.com

I hate floats... grrr...

www.brendablog.com

I'm working on a WordPress layout. The red, green and blue boxes are 
contained within div#rap. The red and green are floated left, and the blue 
has a wide left margin. In FF and Opera it looks fine, the blue box on the 
right goes to the top of the page. But in IE (of course!) the blue box only 
goes up as far as the green box.

Help... and many thanks ...

...Brenda

Brenda wrote:
> Might this be related to the marshmallows?
> ...Brenda

You betcha. Got a batch boiling towards 238 right now. :-)

-- 
Shelly Haffly  |  http://www.haffly.com

Brenda wrote:
> Here's a much simpler version of the same problem: 
> http://www.foureggs.com/floatgrr2.html
> 
> The outer box is 800px wide. There are two images floated left, each 500px

> by 50px. The remainder is text inside the outer box.
> In Firefox and Opera, the text aligns to the top of the outer box. In IE,
it 
> aligns to the top of the second image. I suspect it may haveto do with the

> sum of the widths of the two images being greater than the width of the 
> outer container.
> 
> I think I'll just have to work this out differently. Sigh.
> 
> ...Brenda
> 

Actually I think you just need to take a breather. What you are wanting 
is typically what people wind up with when they want a full width image. :-)

So that tells us what you want is simple, you are just over thinking the 
  problem. I'll go to html and see if I can come up with a quick 
solution...keep in mind the mixer is now spinning on a batch of 
marshmallow, caramel, chocolate, pecan, divine confection... ;-)


-- 
Shelly Haffly  |  http://www.haffly.com