problem with div pushing an image

Discussion in 'HTML & Website Design' started by swiminsoda, Aug 24, 2011.

  1. #1
    I have a simple problem of one of my divs pushing my main background image around 10px top and left. its the head container.The image is exactly 150 px by 950px, I set margins and paddings but it doesnt seem to take care of the problem. Also the colors i used have also changed when I preview in chrome.
     
    swiminsoda, Aug 24, 2011 IP
  2. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #2
    DO you have the link to the live site so we can have a look at the coding?
     
    Toycel, Aug 24, 2011 IP
  3. Junioreality

    Junioreality Active Member

    Messages:
    158
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    We'll need an URL to look at. Usually, if you are getting padding or margin issues that aren't resolve by fixing the styles for that div ID or Class, it's usually a parent div or the body style. Check your body style and make sure your margin is set to 0. Then, check all parent divs and make sure they don't have padding on them.

    As for the color change, that does sound weird. I've never seen that before.

    A good tip for everyone on here. Install Firebug for Firefox. It will help you find these errors with ease.
     
    Junioreality, Aug 24, 2011 IP
  4. sudhisinha

    sudhisinha Peon

    Messages:
    61
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I think u will not give image in in backgorund div and set style float left ...
     
    sudhisinha, Aug 27, 2011 IP
  5. creativewebmaster

    creativewebmaster Active Member

    Messages:
    654
    Likes Received:
    7
    Best Answers:
    4
    Trophy Points:
    78
    #5
    can you please show me screen shot of it?
     
    creativewebmaster, Aug 27, 2011 IP
  6. unknownpray

    unknownpray Active Member

    Messages:
    3,831
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    70
    #6
    I can't take a look at it. You need to either provide some snippet of the code, a URL to actual problem of the site or a screen shot showing the problem. Sorry but can't help you out like this.
     
    unknownpray, Aug 27, 2011 IP
  7. swiminsoda

    swiminsoda Member

    Messages:
    43
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #7
    Oops. I've resolved it by clearing the cache and refreshing the page. Thanks guys.
     
    swiminsoda, Aug 31, 2011 IP
  8. R3vProxy

    R3vProxy Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    screen shot would help..

    Edited: I see that you have solved it...
     
    R3vProxy, Aug 31, 2011 IP
  9. CptnKrunch

    CptnKrunch Guest

    Messages:
    7
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #9
    It sounds like you haven't set the padding and margin of the body to 0. This should solve that issue. As for the colours, You have not given enough information.
     
    CptnKrunch, Aug 31, 2011 IP