Grow your CSS skills. Land your dream job.

Another IE problem

  • # February 21, 2010 at 3:30 am

    Well, as usual, IE is being a **** and screws up all my coding. However, most of the users that visit my website still use IE, so I’ll have to fix this problem.

    Here you can see what I’m having trouble with: http://www.bangerracing.be/Bangerracing … ayout.html
    In Firefox or Chrome, you can see it’s all fine. But in IE, it messes up the background and text placement.

    For now I’ve added some javascript that detects the users browser, and if it’s IE, it redirects them to another page saying they have to use another browser. But I can’t keep it this way, I’m pretty sure I’ll lose a lot of visitors.
    What should I do?

    # February 21, 2010 at 7:06 am

    1 – You have no doctype, which will always cause problems. Google for it.
    2 – You didn’t really take my advice as to how to set up your page

    Quote:
    Save the background black to blue part and put it on the body tag. It doesn’t have to be very high and repeat-y, or too wide (1000px should be enough) and use a background colour the same as the outer edge of the image, that way wide screen users won’t have a cut off. Then use a container or wrapper div and center using margin: 0 auto; and into this div put your header, content and footer divs with their respective parts of the image.

    3 – You do not need z-index and position absolute if you sent up your page like I suggested.

    Try again, and read this articles about positioning.
    http://www.barelyfitz.com/screencast/ht … sitioning/

    # February 21, 2010 at 7:13 am

    1) Never even used a doctype O.o I’ll look it up and try to apply it.
    2) Yeah sorry, I just used what Photoshop already gave me when I exported it in html and just worked from there.
    3) The Z-index and positions is standard generated in Dreamweaver. I could delete it if it bothers you :P

    # February 21, 2010 at 1:36 pm

    I think you need to take a course like on Lynda dot com ($25 for a month) or get an HTML/CSS coding book from your local library (free of charge) to get a grasp of the basics. Once you have done that, go to a free css template site and download some of the templates and mess about with them to understand how they function.

    The web is a fast changing place and if you don’t have a good understanding of the basics you will not be able to grow.

    There are also a lot of online tutorials, but these don’t cover ALL the basics, you can use these later to improve your knowledge.

    # February 22, 2010 at 1:56 am

    Just cleaned this one up a bit, nothing wrong with a newbie asking questions!

    Ashelin, virtual is right. There are a plethora of tutorials out there, I suggest you just keep on reading. I’m still learning new things almost every day (a lot simply from going through every post on this forum!). Don’t hesitate to ask for help, that’s what this place is for.

    Also, using Dreamweaver’s drag on drop system will cause headaches, no doubt about it. It’s SUPER imperative that you learn how to code all on your own. It’s not going to happen overnight, that’s for sure, but practice makes perfect.

    # February 22, 2010 at 10:49 am
    "TheDoc" wrote:
    Just cleaned this one up a bit, nothing wrong with a newbie asking questions!

    Ashelin, virtual is right. There are a plethora of tutorials out there, I suggest you just keep on reading. I’m still learning new things almost every day (a lot simply from going through every post on this forum!). Don’t hesitate to ask for help, that’s what this place is for.

    Also, using Dreamweaver’s drag on drop system will cause headaches, no doubt about it. It’s SUPER imperative that you learn how to code all on your own. It’s not going to happen overnight, that’s for sure, but practice makes perfect.

    Thanks ^^
    Yeah I heard Dreamweaver uses a lot of weird/unnecessary coding and is really messy, but still I think the interface is really handy and a lot easier than just coding from scratch in Notepad. I’ll try to keep improving as much as I can with programming.

    I managed to fix the IE problem by adding a doctype, so thanks virtual for mentioning that :)

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

You must be logged in to reply to this topic.

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