As you can see, the header is meant to span the width of the window no matter what the size of the window is. In order to do this I had to remove the ‘width’ setting for #page (I’ve been modifying the Kubrick theme) and therefore the background strip behind the content doesn’t stay in the middle of the page exactly when the window is resized. This isn’t a problem in Firefox, Opera, or Safari, but in IE it causes a slight misalignment with the footer, which to the anal graphic designer is too noticeable. 🙂
To solve the problem, I tried to put the background strip into a “centerthecontent” id that I use to keep the content and the sidebar in the middle of the page, but I could get nothing to display in everything but IE unless I put an . This got the background to appear but only for one line.
It’s as though the centerthecontent id isn’t recognising that there’s content in it, so the background doesn’t show. Why is this, and was I on the right track for a solution?
Any help is appreciated!
- The topic ‘Trouble displaying background strip in content’ is closed to new replies.