agentgeek
May 12 2003, 03:28 PM
I hadn't posted to my blog in a while and recently posted and rebuilt at
charleshartman.org, since my content in the left column is small now because of my number of days setting... the stuff from the right column is flowing under the left... how can I fix this? (aside from letting a larger number of past entries fill up the left column?)
Thanks for your help!
P.S. any other suggestions to make things better are appreciated as well as you are looking at the site anyway
charle97
May 12 2003, 04:20 PM
add float: left; to your #links tag in your stylesheet.
example:
CODE
#links {
MARGIN-TOP: 35px;
BACKGROUND: #fff;
COLOR: #ccc;
FLOAT: left;
}
agentgeek
May 12 2003, 05:41 PM
ok, I changed it to float right, but now the right column doesn't begin at the top, it begins wherever the left column ends...
what am I missing?
charle97
May 12 2003, 05:56 PM
what did you change to float right? float left is the correct code. the code i gave you was ready for copying and pasting. i tested the code offline. it should work.
agentgeek
May 12 2003, 06:13 PM
if I add "float: left;" to #links then my entire right column moves to the left and appends the blog entries (see site now).
kadyellebee
May 12 2003, 06:28 PM
What browser are you using? it looks good on Moz/Firebird and IE6, with the links all in the right column and your blog entry on the top of the left side. But I didn't look at it before you made the changes, so maybe I'm misunderstanding
Kristine
agentgeek
May 12 2003, 06:37 PM
ok, you guys are right, the thing is, in both Safari and Camino in OS X, and Mozilla on WinXP...it only works if the window is pretty large, if I make the window a more normal size it throws it to the bottom of the blog entry...
is there any way to correct this?
kadyellebee
May 12 2003, 06:49 PM
ahhh, okay, I opened it in a big window

Try reducing the width on your #content to lower than 70% -- that will make it better suited for lower resolutions, in my findings

Kristine
charle97
May 12 2003, 06:53 PM
also try adding
CODE
#content {
width:500px;
}
CODE
#links {
width:200px;
}
adamrice
May 13 2003, 08:44 AM
Or better yet, use ems as your units; say 40em and 15em. Plays nicer with people who use large default font sizes because of aging eyes.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please
click here.