Hello all, this is my first post here, and I've tried to look through other threads for my answer, but can't quite find it. What I've been having trouble with for about a week is getting a sidebar lined up correctly on my site. The site is at <!-- m --><a class="postlink" href="http://www.haveyoumettony.com">http://www.haveyoumettony.com</a><!-- m --> and as you'll likely see when you first get there, my sidebar drops to the bottom of the page. Its where it needs to be on the left-right plane, but it should be up near the top, flush with the top of the main text.
I first had it set with absolute positioning, but I was getting an overlap in Mozilla (not in IE or Opera), between the two 'boxes', and a major overlap of the two segments (sidebar and main text) when I switch to an 800x600 resolution. When I changed to relative positioning, I got the problem as it appears now. Setting position with negative pixels worked, but it jumped around depending on which page you were looking at.
Tips or solutions are appreciated, but what I'd *most* like to know is how the two positionings affect one another. Everything I've read, both online and offline, says that with relative pos., you're positioning the item with respect to its parent item, or where it used to be. How do you know where it "used" to be to move it from there? One thing I noticed is it seems to set "zero" as the bottom line of the main text. Unfortunately, that changes between all my pages.
I guess I've rambled enough, thanks in advance for all of your help!
(I don't know if it would affect what I need to do, or even make it easier, but I was also trying to figure out how to put a narrowish, like 10-20px, black border around the entire site. Would this be done by making the content a table "inside" the border?)look how they did it <!-- m --><a class="postlink" href="http://bluerobot.com/web/layouts/layout2.htmlYou">http://bluerobot.com/web/layouts/layout2.htmlYou</a><!-- m --> can either use absolute positioning or floats. I used floats on my site. Just float the contents of the blog to the left and your navigation to the right. If you have (or will want) a footer, add <div style="clear: both;"> </div> below both sections.I took the float advice and found a nice tutorial at <!-- m --><a class="postlink" href="http://css.maxdesign.com.au/floatutorial/index.htm">http://css.maxdesign.com.au/floatutorial/index.htm</a><!-- m --> and ran with it.
thanks for the tips, it looks just how I wanted it now!!!You bet.
I know this is off topic, but why is a person who lives in Ohio have a username of GOBLUE? Originally posted by spufi
I know this is off topic, but why is a person who lives in Ohio have a username of GOBLUE?
of course its off topic! but, since I've got my problem solved, I guess I'll let it slide...
been a Michigan fan since birth (in the state of Ohio, btw). 30 years later, I'm glad my folks made that decision for me! *laugh*there we go. I think I've got it ALL figured out now!!!
<!-- m --><a class="postlink" href="http://www.haveyoumettony.com">http://www.haveyoumettony.com</a><!-- m -->
a mix of the tutorial I found, plus my own tweaking, and the W3C CSS Validator finding a punctuation error I made. I hate when I miss a colon... errr... something like that.
If I could make a suggestion, it would be to give the content area a bit more right margin/padding to space it out from your navigation a bit. IMO, it's just a bit to close.yes i also think this would be better as it makes a clear and distinguished line between the content and the navigation creating a clearer page.cool. thanks for the tip(s)!!!Thanks for the link... Originally posted by pyro
Thanks for the link...
boy, you really *did* dig through my site!! *laugh* but no problem. good things happen to good people with their URL in their sig line.lol... curiosity tends to get the best of me...
I first had it set with absolute positioning, but I was getting an overlap in Mozilla (not in IE or Opera), between the two 'boxes', and a major overlap of the two segments (sidebar and main text) when I switch to an 800x600 resolution. When I changed to relative positioning, I got the problem as it appears now. Setting position with negative pixels worked, but it jumped around depending on which page you were looking at.
Tips or solutions are appreciated, but what I'd *most* like to know is how the two positionings affect one another. Everything I've read, both online and offline, says that with relative pos., you're positioning the item with respect to its parent item, or where it used to be. How do you know where it "used" to be to move it from there? One thing I noticed is it seems to set "zero" as the bottom line of the main text. Unfortunately, that changes between all my pages.
I guess I've rambled enough, thanks in advance for all of your help!
(I don't know if it would affect what I need to do, or even make it easier, but I was also trying to figure out how to put a narrowish, like 10-20px, black border around the entire site. Would this be done by making the content a table "inside" the border?)look how they did it <!-- m --><a class="postlink" href="http://bluerobot.com/web/layouts/layout2.htmlYou">http://bluerobot.com/web/layouts/layout2.htmlYou</a><!-- m --> can either use absolute positioning or floats. I used floats on my site. Just float the contents of the blog to the left and your navigation to the right. If you have (or will want) a footer, add <div style="clear: both;"> </div> below both sections.I took the float advice and found a nice tutorial at <!-- m --><a class="postlink" href="http://css.maxdesign.com.au/floatutorial/index.htm">http://css.maxdesign.com.au/floatutorial/index.htm</a><!-- m --> and ran with it.
thanks for the tips, it looks just how I wanted it now!!!You bet.
I know this is off topic, but why is a person who lives in Ohio have a username of GOBLUE? Originally posted by spufi I know this is off topic, but why is a person who lives in Ohio have a username of GOBLUE?
of course its off topic! but, since I've got my problem solved, I guess I'll let it slide...
been a Michigan fan since birth (in the state of Ohio, btw). 30 years later, I'm glad my folks made that decision for me! *laugh*there we go. I think I've got it ALL figured out now!!!
<!-- m --><a class="postlink" href="http://www.haveyoumettony.com">http://www.haveyoumettony.com</a><!-- m -->
a mix of the tutorial I found, plus my own tweaking, and the W3C CSS Validator finding a punctuation error I made. I hate when I miss a colon... errr... something like that.
If I could make a suggestion, it would be to give the content area a bit more right margin/padding to space it out from your navigation a bit. IMO, it's just a bit to close.yes i also think this would be better as it makes a clear and distinguished line between the content and the navigation creating a clearer page.cool. thanks for the tip(s)!!!Thanks for the link... Originally posted by pyro Thanks for the link...
boy, you really *did* dig through my site!! *laugh* but no problem. good things happen to good people with their URL in their sig line.
lol... curiosity tends to get the best of me...