March 01, 2004

TECH HELP

My mom is extremely concerned that she can't view my blog properly. The sidebar is pushed all the way down to the bottom. She has a small monitor, but since I set up my blog in terms of % of the screen instead of pixels, that shouldn't have an effect, right? Does anyone know why this might be or how we could fix it? She keeps calling and writing telling me that it's all messed up :)

Sarah

Posted by Sarah at March 1, 2004 03:58 PM
Comments
#1

Hmm, at a lower screen resolution that 1024 x 768 your side bar does take a dive under the rest of your content.

Whilst you are corret that you have your dimensiona defined in %s the problem is with the image of you in the tank. You could try to salvage more space for the side bar by adjusting the width of #content or by fixing the width of .side to say 270px.

Failing that you'd need to implement a new deign which doesn't have your side bar floated left (or of course you could just shrink the image!)

Posted by Rob at March 1, 2004 04:11 PM
#2

Ah, the good old bottombar problem.

If the sidebar is too narrow for your photo, the whole sidebar from the photo down runs off and hides down the bottom of the screen. If your try shrinking your browser window, you can see this yourself.

Someone solved the problem, but I don't remember who or how. (I ended up hardcoding the widths of my sidebars.)

Posted by Pixy Misa at March 1, 2004 04:12 PM
#3

Your sidebar looks fine to me, so it could be that your mom is using an older version of her browser. F'rinstance: my blog looks all fine and proper in IE 6.0, but Netscape 4.0 jumbles everything up. When I upgraded my IE ffrom 4.0 to 6.0 it solved a lot of problems that I was having viewing some sites.

Posted by Tuning Spork at March 2, 2004 12:53 AM
#4

one of you jr rocket scientists correct me, but i believe you could also use [overflow:hidden] in #side to prevent the column from expanding and pushing down to the bottom.

Posted by Madfish Willie at March 2, 2004 04:46 PM
#5

Hi there stranger!

CSS is really not my thing, so I'll leave it to another of our junior rocket scientists to comment. :)

Sounds interesting to me though.

Posted by Pixy Misa at March 2, 2004 09:47 PM
#6

Overflow:hidden would work but may lead to some interesting clipping issues. I still maintain you fix the side bar width to just above the width of the tank image

Posted by robert at March 3, 2004 02:45 PM
#7

Forgot to mention the clipping issues with overflow:hidden... Thanks Rob

Might you also use absolute positioning to keep the column in place. This method would gove you a bottom scroll bar if you had content too wide in the sidebar and I'm sure there is something else I'm forgetting.

Posted by The Bartender at March 4, 2004 05:11 PM