Forum Replies Created

Viewing 15 replies - 1 through 15 (of 16 total)
  • Thread Starter sibw

    (@sibw)

    As far as I know (I don’t have IE8 so can’t check in that, but very few people have it so far anyway so it doesn’t matter much) the site is working everywhere. I’ve tried in Safari, Firefox, IE6, IE7 and portable iPhone browser, and it looks perfect.

    So thanks for the help everyone.

    Thread Starter sibw

    (@sibw)

    *sigh* Well that didn’t last long.

    I upgraded to IE7, expecting it to work fine on there using the default style, but it is completely screwed. The header is all over the place, everything is overlapping, its a mess. Then I tried to make it use the other IE stylesheet, but its a mess too, the header disappears, there’s a gap between the sidebar and content area.

    So I’ve had to make ANOTHER stylesheet for IE7+, which I’m not trying to edit, but can’t get the header in the right place.

    http://www.shouldibotherwith.com/wp-content/themes/sibw/iestyle7.css

    Thats the stylesheet I’m not trying to edit so it works in IE7, but if no one can be bothered to look then I aint blame you. I bet whatever I do in this stylesheet won’t work in IE8 anyway.

    EDIT…AGAIN

    No idea what I’m doing, trial and error, but I’m fixing it myself slowly so..yeah, ignore that I guess.

    Thread Starter sibw

    (@sibw)

    Ha, I feel bad, but one more thing…

    Moving the image inside that <div> area has meant it now has the content area margins/padding working on it. So in firefox there’s 10px (i think) padding on the left thats pushing the image out of place. I’m sure there’s a simple way of either getting it to ignore that padding or just getting it to show in the right place without it appearing inside that <div> or something, but I can’t work it out.

    Anyone know the css for that?

    EDIT

    I fixed it by making the image a background image that sticks to the bottom of the content area. Now I upload and find out IE doesn’t recognise that CSS or something…

    Ha, nope, making that image a background image actually fixed all the padding/margin issues in IE too, so it looks perfect.

    ^_^ Im so happy.

    Thread Starter sibw

    (@sibw)

    Oh god…I dunno what to say. You’re a damn genius. Floating right and moving that </div> moved the sidebar up where it should be – now there’s some margin/width issues that I’ll have to sort out but as long as the sidebar stays up there then I should be able to fix that easily.

    Thank you so much for helping, if I didn’t fix the site today then I was gunna quit the whole thing.

    Only way I can think of thanking you is like, a link on my site or whatever, in the About page i’ll mention that without you the site wouldn’t exist, so if you have a website or anything then tell me and I’ll link to it.

    Seriously though, THANK YOU.

    Thread Starter sibw

    (@sibw)

    ARRGHHHHHHH

    This is ridiculous. I’m about to give up on the site if I can’t fix this problem. I’ve tried everything…EVERYTHING…I’ve googled for hours, tried all the different “fixes”, but NOTHING helps. I’ve tried deleting all content from the content area and the sidebar, and the sidebar still displays below the content area.

    I’ve tried every damn thing and its still not working. Could anyone PLEASE look at the iestyle.css stylesheet and tell me what I need to change.

    Thread Starter sibw

    (@sibw)

    Ok thanks, I’ll try again tomorrow.

    Thread Starter sibw

    (@sibw)

    This is ridiculous, stuff is just breaking when I’m not even touching it. The validation errors are within the widget code, which I haven’t touched. How can they just break themselves?

    *fixed*

    Accidentally added

    • tags around the widget code without realising it gets its own.
    Thread Starter sibw

    (@sibw)

    I’m loading the style sheet once for all browsers, then a seperate stylesheet (iestyle.css) just for IE.

    And those validation error messages have appeared within the last few hours, cause I checked earlier and all was fine…

    Thread Starter sibw

    (@sibw)

    Can no one help??

    I’ve managed to get the header to appear over the content area, and for everything to be centered in the page, by changing some of the positions: from absolute to fixed.

    Sidebar still wont come up next to content though.

    Thread Starter sibw

    (@sibw)

    I think, and this is just an educated guess, that it was something to do with an error message I received shortly after posting this problem (for no apparent reason):

    Warning: Cannot modify header information…

    After fixing that problem (extra spaces/lines at the end of functions.php) the background image problem seems to have gone with it.

    So…i’m a genius, you all suck.

    Thread Starter sibw

    (@sibw)

    You have no idea how much I hate coding.

    I changed the link from a background image to just an image withing the <div> – so was just a normal image with a normal link. And it works, obviously.

    But now, the sidebox (which needs to be a background image because there’s stuff on top of it) does the same damn thing the other image was doing. It was fine before.

    Thread Starter sibw

    (@sibw)

    I don’t get it… Everything is now the right size, but it’s still all spread around the page.

    Thread Starter sibw

    (@sibw)

    Sorry for double post, but I’ve done some measuring and the main content area should be 600, but its 602 (if you look where the sidebar meets it at the bottom, its as if the little 2 pixel extra on the right is stopping the sidebar from slotting in next to it). But, I’ve tried changing loads of margins and everything, but nothing seems to make a difference.

    The sidebar is obviously the same, it’s supposed to be 197 wide with a 3 pixel border on the left, but its actually… 210 in total – 10 pixels added to the right.

    The header is inside a box thats 800×200. And that seems fine as far as I can tell, so I can’t work out why at least the header isn’t over the content area. Well, actually the only thing I can think of is that to get the content area to appear below the header, I put a 220px margin-top on the #page area, because the header is 20px below the top of the page so, yeah, 20 + 200 obviously 220. But I’m thinking because that margin exists, is the header maybe not kinda, overlapping with that div area even though its 220px of blank space? If that makes sense…

    Thread Starter sibw

    (@sibw)

    Ok, its all validated. The only thing I can’t validate is the Sociable Plugin CSS, but from searching google it looks like there’s nothing I can really do about that and the problem comes because it uses stuff from CSS3 so the validator says its wrong for older versions. I guess I could just take the stuff out cause it looks like it’s just a fancy way of making the buttons it controls go transparent. But I can’t see that being the problem anyway.

    And IE still doesn’t display the page right. Could it maybe be something stupid like IE not recognising a width because I haven’t put “px” after the number? Although I fixed all those while validating… and even put px after any 0s i found even though it didn’t tell me to.

    But yeah, any suggestions? :/

    Thread Starter sibw

    (@sibw)

    Ok, I’ll try and fix the validation stuff tomorrow, and try again with the IE fixes. I tried looking up common fixes that make IE mess the CSS up, but couldn’t really find anything. I’ll look again.

    Thanks for help, i’ll reply again when I’ve messed with it some more.

Viewing 15 replies - 1 through 15 (of 16 total)