www.webdeveloper.com
Results 1 to 2 of 2

Thread: Floating issue with navi/content columns

  1. #1
    Join Date
    Jun 2010
    Posts
    1

    Floating issue with navi/content columns

    Can someone please look at the source at the webpage:

    http://www.ryanklinger.com/tester.html

    The content is supposed to float right next to the navigation, instead it seems to clear it to the bottom. This has been so frustrating, I hope for and appreciate help.

    Thanks,
    Ryan

  2. #2
    Join Date
    Mar 2010
    Posts
    37

    Thumbs up

    "(1) Remove “position: absolute” property from all the html elements. Mainly from:
    (a) <div id=”photo”>
    (b) <ul> inside <div id=”gnavi”>
    (2) Remove the property “width: 1%” from <div id=”gnavi”>
    (3) Remove the property “float: right”, “width: 800px” from <div id=”photo”>

    After doing all this, your problem will get resolved.
    Try to use only one single style sheet. Try to keep your styling and layout (html) separately. Avoid using the inline styling, and unnecessary styling of elements."

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