• Resolved mpm

    (@mpm)


    Hiyas,

    This is a WP blog I’m working on.

    http://www.mpm.org.au/wpteste/

    It will eventually become

    http://300.mpm.org.au (currently a widened 3 column kubrick theme by andy leiw)

    http://www.mpm.org.au/wpteste combines (in order of combineness) Old School by Rj on the surface only pretty much but it’s really just got Kubrick mechanics with Abstrakt by kaushalsheth coolness.

    Unfortunately, it is absolutely decimated in IE.

    There was not much of substance to the original oLd skool theme and i’ve had to cobble the site together and I am by no means a cool hand at php or wordpress

    SO

    I need your bloody help!

    HOW do I get it to look respectable in IE??
    HOW do I decrease the line height between post title and post date?? (this is driving me NUTS)
    ANYTHING ELSE?

    Also, the banner image to the right is meant to be a rotating banner image governed by phpads or whatever its called. I CAN’t seem to get it to align to the ABSBOTTOM which would (hopefully) put the header image flush on the menu bar like it should be.

    yeha so, test blog

    http://www.mpm.org.au/wpteste/

    live blog:

    http://300.mpm.org.au

Viewing 11 replies - 1 through 11 (of 11 total)
  • You do have a lot of errors when validating. 106 for the html, and you dont use the </img> tag.
    Validation is for me not so important, but 106 errors is a little much. Try to fix a lot of them.

    This whas double post

    Thread Starter mpm

    (@mpm)

    Thank you Red-star,

    Anyone else?

    “I need your bloody help!

    HOW do I get it to look respectable in IE??
    HOW do I decrease the line height between post title and post date?? (this is driving me NUTS)
    ANYTHING ELSE?”

    As a quick fix to decrease the distance between post title (H5) and post date (H4), in your stylesheet, try adding:

    h4 {
    margin-top: 0;
    }

    h5 {
    margin-bottom: 0;
    }

    Really, with so many validation errors it’s a miracle Firefox made such a nice job of it. For IE, I’d get all those fixed before you go much further.

    Thread Starter mpm

    (@mpm)

    Is 56 errors still too many 😉

    You’d be better with no errors at all, but you need to know what the errors are and what they are doing to your page layout (if anything). Incidentally, it looks as if it could be your sketch images that are causing the homepage to go so wide in IE. The other pages don’t do it, and Firefox is treating them differently.

    To check this, try temporarily removing the images and see what happens.

    Also, your posts are in a DIV in a TABLE. Try giving them a fixed width (which looks as if it should be 500 pixels).

    <td width="500">
    <table cellpadding="5" width="100%">
    <tr><td>
    <div class="post">

    In your theme, set the table width as 500 (not 100%), and in your stylesheet set .post to width: 500px;

    This may not do it, but these are the sort of things you need to be looking at to solve the problem.

    Thread Starter mpm

    (@mpm)

    Okay, 50 errors. I’m not sure what I did but it at least /looks/ okay in IE now.

    I still can’t seem to get rid of that line between h5 and h4 for the title and time though 🙁

    To reduce the space between h5 and h4, put this in your stylesheet:

    h5 {
    margin-bottom: 0;
    }

    You need to set the margins for your h4 and h5, not “h4 a” and “h5 a”.

    Thread Starter mpm

    (@mpm)

    thank you, i didn’t realise I hadn’t specified a h5 (only h5 a and a hover)

    Thread Starter mpm

    (@mpm)

    So, all these div and > errors – how do I fix them? A rough point in the general direction is fine…

    Thread Starter mpm

    (@mpm)

    well fwiw i’ve scratched that theme and i’m now trying to make the abstrakt theme 3 column. I know what people say about just getting a 3 column theme and making it look like you want – but I’d rather do it this way and learn on the job.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘FF amost okay IE FARKED! (and other tragedies)’ is closed to new replies.