Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Thanked 0 Times in 0 Posts

    Layout issues in Google Chrome :( Please Help :)

    Hey Guys,

    I need your help because I'm having some small problems with my website layout. As you can see from the site I design clothes(mainly) not websites so your help would be very much appreciated!

    It's just the homepage really, it looks how I'd like in Firefox and Safari(not tested on IE yet as I'm using a Mac currently!) but when I open it in Chrome the browser seems to stack the logo and menu pushing everything down behind my images.

    When I refresh the page it rearranges to how it should be, very confusing!


    Does anyone have an idea why this is happening and how to fix it?


  2. #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,874 Times in 1,858 Posts
    Hello nerdsCanBeSexy,
    If you understand the box model - See the box model here. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.

    ...you would see that setting the height on your #content may be a mistake. At least setting the wrong height certainly is. If you set no height at all, a div element will naturally expand in height to enclose it's contents.

    No idea if that will cure your issue though, I don't have Chrome or a Mac to test in for you ... sorry.

    You might try validating, that bit on line 15 where you double up on class is invalid. See the links about validation in my signature line.
    There are also a couple errors in your CSS.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use a DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


Posting Permissions

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