11.10.06

Don't Mess With Me-I'm HTML/CSS. I Will Seriously Kick Your Ass.

I have gone and messed up my sidebar somehow, but I'm way, way too high on my meds to go about fixing it right now. Just FYI.

Besides I have to be up at 6am so I can go to Ther-a-pee.

~Note to self-Never try to look at long lines of code on Klonopin and Migraine meds. It makes the HTML/CSS all look smushed together like one big funky word.~

EDIT: I'm working on cleaning up my sidebar. We will now rejoin regular programming.

Labels:

5 Comments:

Blogger Kate said...

Hang in.

I wish there were words that actually helped.

October 11, 2006 3:37 PM  
Blogger Anais Nin said...

Thanks. Just that you stopped by and left a comment means the world to me. It makes me feel not-so-alone. *hugs*

October 11, 2006 3:46 PM  
Blogger Break from Sanity said...

Without knowing what your template is set to, off the top of my head, I would say either:

1) Your side bar is set to be too big, therefore it puts itself underyour main.

Think of it like:
Total is 760, this sould include your body and sidebar I beleive.

Main is normally your biggest amnount, it is where you post, say that is set to 540, so that leaves 220 to be used for your sidebar - but if you go over that, it will set your bar on the bottom, under the main because it is too big to be together.

2) Your side bar and and main have too much padding between them.

3) your combined for sidebar and main is over what you have total set for your entire blog. Essnetially if your whole blog screen is set to say 950, and your sidebar is 250 and your main is 850, making total screen 1100it will adjust your sidebar underneath because it is too big for the full blog setting of 950.

Hopefully this is making some sort of sense...I am used to tweaking little by little (baby steps) with my settings till I get the desired results, so it is hard ot exaplin by writing about it and not just doing it.

Here is more, from your [view source]:

#main {
width:800px;
float:right;
background:#2F2F4F url("http://www.blogblog.com/rounders4/corners_main_bot.gif") no-repeat left bottom;
margin:15px 20px 0px;
padding:0px 0.20px 0px;
color:#ced;
font-size:97%;
line-height:1.5em;
}
#main2 {
float:left;
width:100%;
background:url("http://www.blogblog.com/rounders4/corners_main_top.gif") no-repeat left top;
padding:10px 0px 0;
}
#sidebar {
width:240px;
float:right;
margin:20px 45px 20px;
font-size:97%;
line-height:1.5em;
}
}
@media handheld {
#content {
width:90%;
}
#main {
width:100%;
float:none;
background:#466;
}
#main2 {
float:none;
background:none;
}
#sidebar {
width:100%;
float:none;
}
}


Ok not a webpage guru but will see if I can help though.

I have a couple of blogs, and one I have is spread out to the entire page, and this is how the side and main are set [view source]:

#main {
width:630px;
float:right;
padding:8px 0;
margin:0;
}
#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
}

You might also want to check your padding...your settings could be right, but too much padding between the main and sidebar could shove it underneath also.

For the one blog of mine, I tweaked by hand, but make sure you copy your template to a text file so if you mess it up, you can copy and paste the original code back in...then just play with the side bar and main setting till it adjusts to what you are looking for.

I hope this helps.

October 14, 2006 3:38 AM  
Blogger Anais Nin said...

Thanks for your help. I did manage to get my sidebar out from under my post body in IE and it looks ok. Actually, it looks better now in IE than it does in Firefox. It's more even horizontally with reference to the header, but I may just be ocd-ing over it. I tend to do that sometimes; obsess over every little detail until it drives me crazy. Now, I'm having a problem getting my background image to show up either in Firefox or IE despite the fact that the only thing I had to change was the image url because my picture hosting server, Picturetrail, switched servers so now the links to the pics I have are all different. They did send a mass email and warn everybody, but it's just irritating now that the url is different that the damn background won't show (but the header and footers are showing with the different urls). I'm damned if I know what's going on. If you have any ideas, please feel free to shoot them my way. I would very much appreciate it. Thanks again. :D

October 14, 2006 11:54 PM  
Blogger Anais Nin said...

Never mind. I feel like a huge ass. It came to me like one of those "light bulb switching on moments". All I had to do to get the background to show up was to put ";repeat" after the url. Me-->clueless

October 15, 2006 12:24 AM  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home





Listed on BlogShares Personal Top Blogs blogarama - the blog directory My BlogMad Ranking



Add to Technorati Favorites Subscribe with Bloglines

Subscribe to
Posts [
Atom]





Web Pages referring to this page
Link to this page and get a link back!


Creative Commons License

Powered by Blogger






My blog is worth $3,387.24.
How much is your blog worth?

online