Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS issues with IE & Firefox

    Hi all, I'm relatively new to javascript/css (but I do have a background in html). I am experiencing a strange problem with a basic website I am creating. It is hosted on angelfire (just a testing server, I'm actually building it with dreamweaver to be hosted elsewhere), and it was relatively easy to figure out how to kill the mandatory ads (I simply trapped them between noscript tags).

    When I remove the ad-killer tags, the page loads fine in both IE & firefox. Unfortunately when I have my little ad-killer tags, the page displays fine in firefox, but comes out weird in IE. I have scowered the web and have found info on something to do with the float/padding command in css, but I have tried to change it and it didn't make a difference.

    I'm thinking it may be as simple as what the ad may classify the page as (for IE to display it properly) or it may be an issue with something in the float/padding command in the css file. Any thoughts? Thanks in advance for any help. Boy do I hate IE, makes everything so complicated!

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    A link to your page would help.

  • #3
    Regular Coder
    Join Date
    Jan 2010
    Posts
    137
    Thanks
    3
    Thanked 10 Times in 10 Posts
    A link would indeed help. However, I know this is probably not the answer your looking for, but I would suggest not worrying about it for the below reasons:

    - As you said, you only are hosting it there for testing purposes
    - If you host it there for any longer or get any traffic there, angelfire will probably take it down anyway because you are cheating their policy
    - If everything else is fine and you are planning on buying hosting later and not using any "ad killer" tags, why does it matter that these tags change things?

    If this is still really bothering you, I'd be glad to host the site for you for free for a little bit so you can see how it looks with no ads and no need to kill ads in IE. Contact me through the form at http://jenius.me/contact.html and I'll find a way for you to get me the files.

    Finally, I would suggest not using dreamweaver for web coding. It is much easier to solve problems and learn using a more manual based text editor or a tool like coda.

    Cheers, and good luck!

  • #4
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi thanks for the input guys.

    It's a basic site for my footy club, http://bxbushies.tk will get you there. It's really odd what IE is doing when loading the site, I've changed a few things now it's centering text for some reason. Seriously puzzling, if you open one in firefox and the other in IE you'll see what I mean.

    Appreciate the help, please let me know what I can do - can forward the css file somewhere if necessary.

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,856
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    It'd be a good idea to fix all the errors in your markup before checking cross browser issues, see http://validator.w3.org/check?verbos...u%2Findex.html

    Anything before the DOCTYPE declaration will turn IE into quirks mode.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That rocks thanks abduraooft. I'll look into fixing all that, will keep you posted. I didn't even know it had errors (dreamweaver certainly didn't find any). One last thing, why does firefox display it correctly if IE craps itself? (oh I get it, mozilla has real coders? :P)

    Oh and jenius, I'm only using dreamweaver as it allows me to code and see the result (split frames) at the same time. I'm working with the code elements, not the drag and drop type editor that comes with it (although technically I could resort to that, but I'd rather learn like you said).

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,856
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    And btw, don't you know why frames are so bad?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #8
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    hmm.. what do you suggest as an alternative? (no I didn't/don't know why as I'm a newbie coder for this type of style) I am running off some generic script to get the setup I wanted. I also changed my test server from angelfire to x10, updated the xhtml & doctype declaration and problems disappeared!
    Last edited by shidoran; 08-04-2010 at 10:54 AM.

  • #9
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hmm still having issues, I'm now here http://bushrangers.x10.bz/

    any thoughts? I'll continue working through the validator that abduraooft put up for the time being.

  • #10
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,856
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    <?xml version="1.0" standalone="no" ?>
    Remove that line from above DOCTYPE, as IE will turn into quirks mode when it encounters anything before DOCTYPE.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #11
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks guys, appear to have it sorted. IE is still quirky with <!--HEADER--> type stuff. What a royal pain.

    One last question, have been straining the brain on how to line up the "latest news" image with the top of the centralised team picture (I think it would look neater). Can anyone see what is keeping it slightly lower?

  • #12
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,856
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    There's a padding-top:10px; set to .block
    Last edited by abduraooft; 08-06-2010 at 11:15 AM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #13
    New Coder
    Join Date
    Aug 2010
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    champion. Really appreciate the help and patience


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •