SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Apr 2003
    Location
    ont
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Needing help with positioning

    Morning! I am having troubles getting my content to position correctly. It looks better in IE then it does in Firefox.

    Here is a photoshop image of what I am trying to acheive:
    http://www.sunsetinspirations.com/te.../homepage3.jpg

    What it looks like in Firefox:
    http://www.sunsetinspirations.com/te...es/firefox.jpg

    And the actual design and code:
    http://www.sunsetinspirations.com/testing/homepage.html

    Thanks in advance for any help.

  2. #2
    SitePoint Member
    Join Date
    May 2007
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I might not be a super expert. But I believe it has something to do with your divs' paddings

    try to adjust them a little til they look good
    --
    Code CSS:
    .col2 {}
     
    .col2a {float: left;width: 319px;padding:5px 30px 90px 5px;}
     
    .col2b {float: right;width: 318px;padding:5px 30px 90px 5px;}

    change the 30px to something lower

  3. #3
    SitePoint Addict
    Join Date
    Apr 2007
    Location
    Phoenix, AZ
    Posts
    230
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are referencing id's boxA, boxB, boxC, boxD which I cannot find defined in the CSS. Also your classes - box1, box2 and box3 - don't seem to have any styling defined. Id #tn1 has no styling defined either. So the browser is just placing the information the best that it can.
    Joe

  4. #4
    SitePoint Member
    Join Date
    Apr 2003
    Location
    ont
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for the help! I have been changing the code ,trying different things.

    While removing the useless coding, I found the problem! It was my width and I used padding instead of margins.


Bookmarks

Posting Permissions

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