1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Help! Why does my site show up wierd on other Internet Browsers?

Discussion in 'HTML & Website Design' started by Magestry, Nov 16, 2008.

  1. #1
    Hey guys,

    I really need help, my website (www.listendog.com) is showing up strangely on other internet browsers, it shows up fine on Internet Explorer, but I used a tool to view what it looked like on other, and the header is all wierd and the sidebar is below the content... it is just a normal web design, can anybody help? I have no idea what the problem is. Any ideas?

    Thanks guys, I need help asap. :S
     
    Magestry, Nov 16, 2008 IP
  2. zelphics

    zelphics Active Member

    Messages:
    766
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    68
    #2
    can you post a screen shot of what it's supposed to look like? It's showing up weird for me in Internet explorer as well. Design looks nice though! =)
     
    zelphics, Nov 16, 2008 IP
  3. cipals15

    cipals15 Well-Known Member

    Messages:
    1,085
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #3
    use

    position: absolute;
    top: [value here];
    left: [value here];
     
    cipals15, Nov 16, 2008 IP
  4. Magestry

    Magestry Active Member

    Messages:
    822
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #4
    Yeh, here is what the header and sidebar (the whole base) is meant to look like:

    [​IMG]

    Thanks, I hope you guys can help.
     
    Magestry, Nov 16, 2008 IP
  5. Brandon Sheley

    Brandon Sheley Illustrious Member

    Messages:
    9,721
    Likes Received:
    612
    Best Answers:
    2
    Trophy Points:
    420
    #5
    can you link us to the tool that you used to check with?
     
    Brandon Sheley, Nov 16, 2008 IP
  6. Magestry

    Magestry Active Member

    Messages:
    822
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #6
    @ cipals, I tried that, how do I make it so that it is centered? Because if I add that, there is no like center tag I can add lol so is there any CSS that I can do?
     
    Magestry, Nov 16, 2008 IP
  7. Magestry

    Magestry Active Member

    Messages:
    822
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #7
    Can anybody please help?
    I really need help asap!
     
    Magestry, Nov 16, 2008 IP
  8. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #8
    Internet Explorer is the worst browser on the planet and you used it to design your site. It will soon be 11 years behind web standards and incorrect in its implementation. Never, ever use IE as a reference for how things should work.
    Always, always use a modern browser, such as Firefox, Opera or Safari as your reference browser. Check in IE as you go along to see where it screws things up but, once you are done, everything should work in the modern browsers. Fortunately, the hacks to fix IE are known.

    In addition, you have 70 HTML errors and 7 CSS errors. Validate your markup for those lists of errors.
     
    drhowarddrfine, Nov 16, 2008 IP
  9. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #9
    A couple suggestions:

    1) You don't need the div around the <h1> tags. Instead, in the CSS, use "visibility:hidden", or, better yet, "text-indent:-9999px" on the h1.

    2) Remove "margin-top:-135px" from the h1. This is what was messing the header up.

    3) About the secondary content, (right column). It's not necessary, but since you have a fixed width, you may as well use fixed width (px) margins. (When you add padding, as you may know, that actually changes the width of the element it's added to.) So, if you decide to keep padding in ems, switch your width to 195px. Otherwise, use px, keep the width of at 210px, and make the necessary adjustments.

    Though I don't have access to your images, I checked these in IE7, FF, and Safari and they were fine.

    Also, as someone else suggested, it is helpful to validate your HTML and CSS. You may catch something that's throwing you off, and save yourself some trouble! : )

    Hope this helps. Let me know if you have any questions.
     
    katendarcy, Nov 16, 2008 IP
  10. myst729

    myst729 Peon

    Messages:
    289
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #10
    in your style.css

    #masthead h1 {
    font-size:3em;
    font-family:"trebuchet ms";
    margin-left:1em;
    color:#FFF;
    margin-top:-135px;
    margin-left:130px;
    }

    This is the reason.

    There are also many mistakes e.g. <div style="position="absolute" visibility="hidden"> in your page.
    Maybe you need to check your coding or even do it again.
     
    myst729, Nov 16, 2008 IP
  11. Magestry

    Magestry Active Member

    Messages:
    822
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #11
    Wow guys, thanks for all the help so far, tried it out and testing it on the things that views is in other browsers, hopefully it will turn out good! Thanks anyway for all your tips and corrections!

    *EDIT*

    Done, thanks guys, it looks fine now :D, maybe you could all check again and browse through other pages, just incase I left some pages unedited, if not, dont worry, but thanks loads!
     
    Magestry, Nov 17, 2008 IP
  12. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Glad things are working for you. I took a quick look... maybe an oversight on my part, but I don't see your h1 tags. Hmmm.... Again, glad it's working! : )
     
    katendarcy, Nov 17, 2008 IP
  13. Magestry

    Magestry Active Member

    Messages:
    822
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    80
    #13
    Yeh, the whole point was that the H1 tags were not to be seen as it looked wierd, but they were the thing that ruined the layout so I had to remove them, anooying for SEO but at least my site works, thankd for all your help :D
     
    Magestry, Nov 17, 2008 IP
    TKY_Publishing likes this.
  14. katendarcy

    katendarcy Peon

    Messages:
    115
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Okay. Well, it's up to you, but the "text-indent" property on the h1, with a negative value, will pull the text "off" the screen, so that it's not visible. That way, (for semantic and SEO reasons), you can still have your h1 tag. But, again, it's up to you! : )
     
    katendarcy, Nov 17, 2008 IP