The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS ul.nav li {float:left;} causing my webpage to go haywire!

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #34256

    Hi guys,
    I am not a web designer, but am in situation here where the web designer delivered something which seems to mess up how the page looks like in certain new browsers.

    In the CSS file there is this line: ul.nav li {float:left;}
    which causes my page to look like this:

    However if I change the line to: ul.nav li {float:right;}
    the site looks great –

    The problem is I cannot keep the dropdown/header as RIGHT as the whole sequence will change.

    I would really appreciate if anyone can assist in this matter.



    What browser? It’s working fine for me (floated left).


    Im using FF 6.0.2 on a PC
    The current CSS script configured is RIGHT, and hence the sequence on our website header is opposite.


    Hi Wolfcry911,

    I changed the padding to 8px 15px on ul.nav a and the problem is resolved now.

    Thanks a ton!!


Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.