www.webdeveloper.com
Results 1 to 5 of 5

Thread: Form styling issue (easy?)

  1. #1
    Join Date
    Aug 2008
    Posts
    39

    Red face Form styling issue (easy?)

    Hello there guys, this is probably an easy problem to fix...

    I need to update a site:

    Code:
    http://muscle4hardgainers.com
    In the top right there is a form, which displays correctly in all browsers (last time I checked) APART from those that use the Safari engine.

    So, in Chrome, this form is totally displaced to the right.

    How do I tame it? Is there a guide online for taming forms? If so let me at it!



    Any response is greatly appreciated.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Remove position:relative; from #formcontainer
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Aug 2008
    Posts
    39
    Still displaced fang

    What do you think? It seems to me that no matter what I do with the container the form still wants to push itself off from the left margin some 30px or so...

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Also remove width:200px; in #formcontainer
    At least 98% of internet users' DNA is identical to that of chimpanzees

  5. #5
    Join Date
    Aug 2008
    Posts
    39
    Very cool my friend, very cool.

    The moneymagnets div was being pushed left about 50px in the safari engine browsers and I think this is what was causing the form to be pushed right once I removed the 200px width.

    Both objects were floating right with only 10px padding separating them, so I ended up putting the moneymagnets object as absolute as a quick way around the issue. I have no idea why the 50 or so px was there.

    Thanks for the help my friend.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles