Problem with appearance of my website

Discussion in 'CSS' started by bad_bob00, Mar 22, 2007.

  1. #1
    Hi there,

    I was playing around with some code and finally got the result I wanted, however I didn't notice that when online the website has affected the right column and pushed it down to the bottom of the page.

    http://www.paid2review.co.uk/links.html

    Can anyone see anything wrong with the code? Or do you think it could be the CSS?

    Thanks for any help. Matt
     
    bad_bob00, Mar 22, 2007 IP
  2. Rasczak

    Rasczak Peon

    Messages:
    131
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    hi, i believe you forgot to float the google element to the left - haven't you? then, for the main content div use margin-left: (width of google div + let's say 8 px ;-))
    there you go - you should see it correctly now:p
     
    Rasczak, Mar 22, 2007 IP
  3. bad_bob00

    bad_bob00 Active Member

    Messages:
    3,472
    Likes Received:
    56
    Best Answers:
    0
    Trophy Points:
    90
    #3
    But in the CSS file my left column is already set to float to the left :-/

    I've used the margin-left now for the divs as you suggested, and it moves them across but its still appearing below the google adverts :-/

    Thanks for the help so far
     
    bad_bob00, Mar 22, 2007 IP
  4. hamidof

    hamidof Peon

    Messages:
    619
    Likes Received:
    44
    Best Answers:
    0
    Trophy Points:
    0
    #4
    When you float the elements you have to make sure that their size + margins are smaller than the width of the parent element, otherwise the right most one goes under the others.
     
    hamidof, Mar 23, 2007 IP
  5. Rasczak

    Rasczak Peon

    Messages:
    131
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #5
    exactly, maybe setting visible borders to those three elements (parent, left, main) would help to achieve this... good luck
    (of course remove those borders after successful aligning ;-))
     
    Rasczak, Mar 25, 2007 IP