Forums

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

Home Forums CSS List not working on IE

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #38558
    Carlos56
    Member

    http://blackeaglevision.co.uk/blk/contact.html

    Hey guys,

    Hope everyone is good. I’m currently trying to fix the above layout to work properly on IE. It renders find on chrome, and firefox, but for some reason internet explorer messes up the layout.

    I apologise in advanced for what is probably very messy code. Any suggestions are most welcome.

    Thank you as always.

    Carlos

    #104545
    Senff
    Participant

    Well, indeed, the code is very messy — no offense. I don’t understand why you’re using listitems (and not divs) to divide that block into two columns, or why you wrap the contents of the listitems in spans, or why the form is made in a table, etc. etc.

    I suggest you clean things up a little bit and use a standard (block-level) DIV (instead of an inline LI containing a SPAN that contains a DIV that contains another list) and not overcomplicate things.

    If, for any reason, you don’t have control over the markup code, it may help to use display:block; and/or float:left; on some elements instead of display:inline;, that may help you to position and size them a little better.

    #104583
    Carlos56
    Member

    Thanks for your response. No idea how it got so messed up in the first place. Took your advice and started from scratch, and it ended up working itself out.

    Thanks.

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