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 8 of 8
  1. #1
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Tiny Issue with Firefox or probably IE!

    Im sure this was looking fine before but now it isnt and i dont how to fix it. If you visit my site in IE first your notice my header is aligned fine.

    If you now visit in FF your notice the logo is slightly above the menu.

    Now i dont know if i should fix this in FF and then try and sort the issue in IE after? If anyone can help me out that would be great.

    I believe the CSS in question is below, but you may want to look at my whole stylesheet to get the bigger picture.

    Code:
    top { background: #B82A2A; border:solid 0px black; height:95px; }
    #logo {
    	position:absolute;
    	border:solid 0px blue;
    	margin: 0px;
    	padding-right:0px;
    	left: 250px;
    	top: -30px;
    }
    #logo img { padding: 25px 100px 25px 23px; }
    Thanks

  • #2
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I wouldn't recommend absolute positioning, but if you change the top value to top: -28px; in #logo it fixes it in FF - I haven't tested that in IE, I suspect it's an IE bug though.

    Also I don't know if you've tested in larger resolutions or not, but at 1280x1024 it looks like this (aligns to the left).


  • #3
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks Mark. I was aware that i could fix the problem in either FF or IE but not both. It now looks fine in FF and not in IE, ss there any hack i can use to fix this in IE?

    My site aligns to the left in any resolution because i prefer it that way.

  • #4
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah ok, just wondered if it should be centered.

    Well, I often learn the hard way, but yes ideally you should code to FF and hack for IE.

    I'm not sure which bug it could be, but this site lists the popular ones - http://www.positioniseverything.net/explorer.html .
    Last edited by mark87; 01-29-2006 at 02:30 PM.

  • #5
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks i'll look at that site and try and find out. One other question, for some reason i get a no referer header found when i click on my XHTML referer link:

    Code:
     <a href="http://validator.w3.org/check?uri=referer"
    I was told it could be to do with a firewall issue but my other site which is Transistional brings it up fine.

    I have now changed it so it looks like this:

    Code:
    "http://validator.w3.org/check?uri=http%3A%2F%2Fwww.contemporarymultimedia.com"
    But i now have two errors and im not sure what they mean. http://validator.w3.org/check?uri=ht...multimedia.com

    Any ideas?

    Thanks

  • #6
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yup it won't validate it if you're clicking the link when it's not online.

    You need to replace & with &amp; .

  • #7
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oops, thanks.

  • #8
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok still cant figure this header issue out. Anyone know how to fix this?


  •  

    Posting Permissions

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