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 14 of 14
  1. #1
    New Coder
    Join Date
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Content box overlaps other content... only in IE *sigh*

    Try going with Firefox, Opera, Safari or any other browser besides IE here:
    http://logoslogotipos.com.pt

    Now go and check it with IE (I tried with version 7):
    http://logoslogotipos.com.pt


    See the content boxes overlapping the other contents? It only happens in IE, grr... I don't know what do with this one...

  • #2
    New Coder
    Join Date
    Nov 2010
    Location
    London, UK
    Posts
    40
    Thanks
    1
    Thanked 4 Times in 4 Posts
    .custom #header_area {}

    Seems to have a fixed height of 129px.. You could remove that

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Fix the errors in your markup first, see http://validator.w3.org/check?uri=ht...otipos.com.pt/

    FYI: Don't use <center> tag. It's been deprecated long ago!
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    New Coder
    Join Date
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hey guys, I just deleted the center tag, now the 3 big images (blue, pink and orange) are not center aligned anymore (at least in FF), how would you safely center them?

  • #5
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Upload your new site and provide a link. I still see the <center> tags in your markup. I also still see 2 errors you havent fixed as suggested by Abdura.

  • #6
    New Coder
    Join Date
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts
    It was in W3's cache, it's ok now.

    How would I center it compliant?

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Set a fixed width and margin:0 auto; to the container element.
    Last edited by abduraooft; 11-09-2010 at 10:03 AM.
    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
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I just edited the custom header area to this:

    .custom #header_area { width: 0 auto; margin: 0 auto; }

    Nothing happened?
    Last edited by Dan_Grr; 11-09-2010 at 09:55 AM.

  • #9
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Code:
    #header_area .page{
    width:793px;
    margin:0 auto;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #10
    New Coder
    Join Date
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts
    abduraooft, thanks, right, 793px is the combined width of the 3 big images.

    They're now aligned to the right, not exactly center, but I think I can live with it. Would there be a way to center it without being aligned to right or left, just center? Maybe I could do some negative padding or margin for that?

  • #11
    New Coder
    Join Date
    Nov 2010
    Location
    London, UK
    Posts
    40
    Thanks
    1
    Thanked 4 Times in 4 Posts
    .full_width .page {}

    You have a padding-left and padding-right on the above class.

    Those should be removed if you want it in the centre.

  • #12
    New Coder
    Join Date
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That class has:

    .custom .full_width .page { background: none; }

    Unless it's some other class you're mentioning? Could be a dumb question, I'm using Firebug to track them down, but I still have a lot to learn.

  • #13
    New Coder
    Join Date
    Nov 2010
    Location
    London, UK
    Posts
    40
    Thanks
    1
    Thanked 4 Times in 4 Posts
    Code:
    .full_width .page { width: 83.7em; margin: 0 auto; padding-right: 2.2em; padding-left: 2.2em; }
    Not within the custom wrapper.

    Can be found on line 22 of your layout css:

    http://logoslogotipos.com.pt/wp-cont...s?091710-65736

  • #14
    New Coder
    Join Date
    Jan 2007
    Posts
    34
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Oh I see, so it's in another css style sheet. Ok, so I tracked it down and edited that last bit, I think now it's aligned to center don't you think?

    It's also HTML compliant. All is well?


  •  

    Posting Permissions

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