Background and sidebar problems …

What browser are you using to view this site? I think I see your problem in IE7, but it may be rendering correctly in Firefox. Have you tested it with Firefox?

IE still has some issues handing z-index, especially when overlapping absolutely positioned elements with elements positioned relative. It would be good to know that Firefox is showing the page the way that it is supposed to look (or not).

Hi mechx1,

I’m using Firefox and it isn’t rendering properly at all ~

My problem is that I #1 can’t seem to get the background properly centered so that it’s aligned with the header and #2 the post/sidebar sections need to be moved up – yet still need to show the bottom half of the girl.

Any ideas anyone?

Thank you

Let’s try this, open your style sheet (style.css in your theme directory), and go down to this line

.wpn_topbg { width:100%; height:284px; background:url(img/header.jpg) repeat-x top center; z-index:1; position:absolute; top:0; left:0; }

change repeat-x to no-repeat. You might be getting artifacts from the browser trying to repeat this large header image

Thanks mechx1,

But still a no go ??

The background and sidebar just don’t wanna line up correctly … not sure of what else to try ~`

They view the same in both browsers, so as off as that sounds, likely a good thing as at least I’ve no additional browser issues, ha.

Any suggestions on how I can fix the sidebar … the background needs to be more to the right and the main body background seem to be to far the right also.

Any help/direction would be appreciated, thank you ~

I’m still having problems seeiing exactly what you are trying to get to, for the sidebar try the following adjustments and post back whether or not it “helps”

In your style sheet, for the rule .wp_content, change padding 10px 40px 15px 7px to padding 10px 10px 15px 7px (take out 30px of right padding)

for the rule wpn_right, change margin-top: 100px; to margin-top: 10px;

i was playing with it quite a bit using dreamweaver, changing positions etc. probably got it working in firefox and IE7 – no other browsers tested.
see adapted style.css in pastebin.

always make a backup copy of your files before making major changes.

Alchymth,

Thank you so much … I really appreciate it!

Your new css has definitely cleaned it up for the most part, I’m just trying to figure out how to remove the block/border behind her (or make it the same width as the divs below) and all should be good. ??

Thanks again,
Jennifer

a bit of repositioning should help:

.bhalf { background-image: url(https://missjennifer.net/srini/wp-content/themes/Bloom/img/bhalf.jpg);
background-position: 86px 0px;
position:absolute;
 top:0;
 right:19px;
 width:178px;height:103px;
}

and then take the ‘red’ out of the following (it shows while the page loads – I put it in to identify the area ??

.wpn_inner { background: red url(https://missjennifer.net/srini/wp-content/themes/Bloom/img/body.jpg);
width: 980px; padding:0 10px 0 10px;
position:relative;
left:0; margin-bottom:23px; clear:both; }

Ahh alchymyth,

THANK YOU so much, I really appreciate it! ??

All is fixed now and I can find be done with this one Lol

Thank you again!

Jennifer

you are welcome ??
– and please tick the ‘resolved’ box for this thread.