Positioning fly away menu below an image in the same div

Discussion in 'CSS' started by gladstone, Apr 30, 2007.

  1. #1
    http://www.gladstonehotel.com/index-new7.html

    For some reason the menu wants to sit on top of the image (checked in Safari, Mozilla + Firefox) even though it is in the same DIV which confuses me. I thought I could position the menu in relation to the image but I don't know how to do it within the same div container and when I make them different div containters the whole page screws up.

    I also realize my code is petty shoddy but I am fairly new to css and the client wants it this design (which i think is hideous but alas)

    thank you!
     
    gladstone, Apr 30, 2007 IP
  2. bobman

    bobman Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    it looks fine for me...hmm idk
     
    bobman, Apr 30, 2007 IP
  3. semantic7

    semantic7 Member

    Messages:
    92
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
    #3
    looks fine in Fx 2 and Opera. Its messed up in IE7
     
    semantic7, Apr 30, 2007 IP
  4. clicyu

    clicyu Peon

    Messages:
    22
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    it is better to .leftcol put to float: left; and image to float: right; wrapper need to float: left; too.Remove default margins from all ul and li elment, and define your margins and padding if u need.
     
    clicyu, May 4, 2007 IP