serious problem with my css…need help fixing…!!

also not sure what else anyone needs if they need to look at it such as the header footer and sidebar index php’s

Using the Firefox extension “Firebug” (which you should get if you don’t have) I found that:

1. You need to remove margin-left:570px; from #sidebar in style.css. This is not needed since you have float:right;

2. Add overflow:auto; to #content in style.css. This will fix the long text that gets hidden by the sidebar.

That should fix it. Let me know if it works.

sweet let me try it out now, thanks fo rthe quick response…i do have firebug as well.

ok that seems to have tidied up a few things…although is it possible to not have the horizontal scroll bar? shouldnt it wrap the text according to the dimensions?

also one more thing…the top of the side bar how do i get it to touch the top links bar? so that there is no gap.

EDIT…

It also seems that IE unlike firefox has two scrolls bars…one for vertical and one for horizontal…any way to avoid these?

any help is most appreciated ??

I didn’t even notice the scrollbar at first…

To get rid of it change overflow:auto; to overflow:hidden; and add word-wrap:break-word; to #content but I’m not sure if word-wrap works. It didn’t for me. However, since that test post is one long word without spaces, you probably don’t have to worry since regular text will wrap. Try adding some fake lorem ipsum text.

To get rid of the space above the sidebar, change #page‘s margin to margin:0px;

ok nice, cant thank you enough for the help, still have that long line of text i threw in there to see if it would wrap or not problem…

just curious…seeing as to how this is really my first time truly messing around with CSS…do you see anything that could be done better or needs fixing? or consolidated?

…I think word-wrap:break-word; is an IE specific fix anyway. From what I know, it will remove the vertical scrollbar. I’m not sure though since I don’t even have IE installed on this machine. :-/

Didn’t see your reply there…

I’m not much of a CSS wiz myself, so I can’t help you with that. Try searching google for CSS opmtimization forums. You could find more help there, as this forum is just for WP problems.

Your welcome. ??

i think that word wrap thing problem just happened because i decided to hold the L button down and make a long continuous line…when i generated that text from that loreum whatever ya call it…it seems to have kept in tidy enough.

oh man…ok one more quick question…i just made a quick edit and now the side bar goes to the bottom attached to the footer…how do i fix this?

EDIT…

im guessing it has something to do with the way sidebar is being called in the index.php…

because if i change it to have sidebar called first it reverses itself…

Hey there crazycaucazian…here’s the skinny.

If you look at the CSS for your #wrapper DIV, you’ll see that it is being given a width:760px.

Your #sidebar and #content DIVs, including their padding, are coming out to 767px total.

So instead of declaring your #content to have a width of 70%, try giving it a fixed pixel width. Maybe around 500px or 520px.

And I see you now have it up at the top rather than down at the bottom; put the sidebar back where it was you should be solid with the CSS above.

ok sweet deal man…that fixed it up nicely! i really need to get a strong hold of css….need to see if everything else is squared away…thanks click! and bensi!

EDIT…ok i swear this is the last question…

when you click on the title of the articles…

it takes you to the page obviously of just that particular article…it shows the submit box and the article centered and it the sidebar finds itself back down at the bottom again…

EDIT again…

infact cancel that…part of my decision was to leave the side bar out of that section…nvm what i said.

ok i guess the one last thing to ask is…since i prefer to have no sidebar in my single.php…it displays properly in Firefox as the single post is centered…but in IE it seems to have been cut off slightly on the right side…not sure what has attributed to this but this seems to be the only error i can think of now, now that everything is squared away.