My site is configured with a right sidebar. (aka Acidfree item BLOCK on right).

The layout looks fine in MS IE6, but the cell block floats too far left in Mozzilla Firefox 1.5 beta2 and looks bad. This was occurring in both the bluemarine and chameleon themes. I suspect this problem occurs in other themes, too.

To fix the problem I modified acidfree.css from this:

div.block-cell {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    clear: none;
    background: transparent;
    padding: 5px 0px 10px 0px;
}

 

to this:

div.block-cell {
    float: right;
    margin-left: 17px;
    margin-right: 0px;
    clear: none;
    background: transparent;
    padding: 5px 0px 10px;
}

patchfile is attached. (my first time doin a patch file... think I got it though. if i didn't PLEASE let me know.)

CommentFileSizeAuthor
#1 acidfree.css_0.patch354 bytesvhmauery
acidfree.css.patch683 bytesmike stewart

Comments

vhmauery’s picture

vhmauery commented
StatusFileSize
new acidfree.css_0.patch354 bytes

I do not have super cow powers when it comes to CSS. The patch does seem to make things look a little better. But I just tried this:

div.block-cell {
    float: right;
    margin: auto;
    clear: none;
    background: transparent;
    padding: 5px 0px 10px 0px;
}

and it seems to work okay for me in Firefox 1.07. I think that auto margins would probably be the best option in case people try resizing their thumbnails or some other such thing. Because then they will just try to center in whatever box they are in.

mike stewart’s picture

mike stewart commented

becuase mine was working, i was slow to test. however, the auto margin solution did not work in firefox 1.5 beta 2.

bummer, seems simpler & more logical to me.

mike stewart’s picture

mike stewart commented
Version: master » 4.6.x-1.x-dev
Assigned: mike stewart » Unassigned

i kant speel to weel sumtymez. also changed the version & assignment. wouldn't mind more feedback on my patch at this point... as I prefer vernons simpler solution. Im just not a css expert either.

vhmauery’s picture

vhmauery commented
Status: Needs review » Closed (fixed)

This bug has been open forever. I still haven't figured out how to fix it in a way that is independent of the thumbnail size. When I do, I will commit that to the Acidfree tree. But until then, you can use the patch above on your own tree. Until then, I am going to close this bug because it bothers me sitting there at the bottom of the list never getting any attention.

mattso5050’s picture

mattso5050 commented

To fix this problem, I simply set the margins to zero and changed the float to "relative"

div.block-cell {
float: relative;
margin-left: 0px;
margin-right: 0px;
clear: none;
background: transparent;
padding: 5px 0px 10px 0px;

Fixed it for me.

Mattso

nevets’s picture

nevets commented

Can you point me to documentation on "float: relative;", I am curious on how it works (I am aware of a position: relative;)

mearns’s picture

mearns commented

I solved a similiar problem with the Garland theme by setting min-width values on the body (note: these widths get really big, so don't assume your min-width is big enough if you're still getting your right hand div floating over your center content)