By ThePeach on

Hi all... Here I come again with another problem with floating boxes.
As long as I've arranged the right menu bar as a floating box, now I discover another problem.
All the images have been defined as float too: and right now this is how it works:
the image (as a float box) goes just under the floating right menu block.

here's the screenshot.

Is there the possibility to let both these boxes as float?
One idea was to position the right menu as "absolute", but I'm experienced this position can overlay other boxes (like the footer) and display as a mess.

Thanks for any help that may come.

⋅ Categories: Drupal 4.7.x

Comments

ThePeach’s picture

ThePeach commented

If I didn't know how to use the DOM Inspector, I would never find the problem.

It seems that the default drupal.css sets this:

.profile {
   clear: both;
}

this is what happened: block of profile would align right after the other floating block on the right as previously said.

Overwriting that rule with:

.profile {
   clear: none;
}

solved it all.

What I didn't get is why the .profile has got this default rule.

ThePeach’s picture

ThePeach commented

I've found another class that gave me this problem:
.node-form .standard

the only solution is to overwrite the rule (clear: both) with the same as in the previous post:

.node-form .standard {
    clear: none;
}
mrmachine’s picture

mrmachine commented

hey, thanx for this - some of the content in my nodes was being pushed down to where the right sidebox ended, and it was driving me nuts trying to figure out what the problem was - turns out it was the same one you had ;)

cheers for saving the few remaining hairs on my head!