Grow your CSS skills. Land your dream job.

My Resumé website – IE help please!

  • # October 20, 2011 at 12:14 am

    http://www.how-do-i-find-peace.com/resume

    Chrome – check
    Safari – text looks strange but check
    FireFox – check
    Opera – check

    IE 8, 7, 6 (don’t know about 9) – fuckall.

    I’ve never seen IE screw up a site THIS bad. Then again I suppose it’s me who screwed it up. I don’t know what’s up with the positioning I used on the header … someone mind lending me a hand?

    # October 20, 2011 at 1:09 am

    It’s probably not liking you positioning everything with floats and margins. Why don’t you just absolutely position those elements instead?

    # October 20, 2011 at 7:23 am

    Thanks @TheDoc, I’ll give it a whirl.

    # October 20, 2011 at 7:50 am

    The problem was with the overflow: auto on #header. I’d remove it and give #header a height, or change auto to hidden.

    # October 20, 2011 at 8:05 am

    @TheDoc and @WolfCry911

    All good.

    http://www.how-do-i-find-peace.com/resume

    EXCEPT in IE7 and IE6 - see the issue with the subtitle and image in the header? Any suggestions.

    Thanks very much you guys! This thing was a wreck 12 hours ago :)

    # October 20, 2011 at 8:59 am

    Add a top and right positioning value to the #subName, like so:

    #subName {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 70px; /* approx. */
    right: 200px; /* approx. */
    }

    …that “should” work.

    # October 20, 2011 at 9:22 am

    @bananablues – first off, I laughed pretty hard when I saw your username :) secondly, thanks! But it still gives me issues in 6 and 7. I should understand positioning better, I’m sure I’m missing something relatively simple … in IE6 and 7 the #subName ends up aligned all the way to the left. Any ideas?

    # October 20, 2011 at 11:09 am

    ;)
    Add to the #subName:

    width: 430px;
    text-align: right;

    Its always best to add to an absolute positioned element at least 2 positioning values (top, right, bottom or left).

    # October 20, 2011 at 3:34 pm

    jesus. duh. thanks @bananablues

    # October 20, 2011 at 4:06 pm

    @bananablues everything is perfect and validates in HTML and CSS validators …. still having an issue with the section headers and hr tags. Only in IE7&6 though. Any guesses?

    http://www.how-do-i-find-peace.com/resume

    # October 20, 2011 at 5:18 pm

    I dont see any issues on IE7…

    # October 20, 2011 at 5:22 pm

    I see the overlap is that the issue?

    # October 21, 2011 at 8:57 am

    Yes @allenc – the HR tags do not align with the section headers “Objective” “Experience” “About Me” – also portions of the text are disappearing behind what seems to be a background color of the previous #div

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".