WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Crazy CSS problem... (9 posts)

  1. DanM
    Member
    Posted 8 years ago #

    Ok, I just made sure before I posted that my CSS is valid, as is my XHTML.
    If you visit my site in Firefox, the last post is pushed over to the right for some strange reason, but this only appears when they're classed as 'asides' (using an implementation of matt's asides).
    I can't see what's wrong with my generic list code to cause this to occur, hence it must be some padding/margin issue. Yet playing around with the web dev toolbar and changing suspicious values hasn't helped me solve the problem. I've only posted a few entries since I've been redesiging over the weekend, thus I didn't notice anything was amiss till now.

    Looks fine in Opera and IE.

  2. Mark (podz)
    Support Maven
    Posted 8 years ago #

    Ignore that ..... still looking.

  3. brainwidth
    Member
    Posted 8 years ago #

    This isn't a a direct answer to your question, but your aside entries are siting in the "col" div, rather than having a div of their own like regular entries. You might try putting each aside in a div, and I bet that would fix the problem.

  4. DanM
    Member
    Posted 8 years ago #

    Fraid not, brainwidth. :(

  5. Mark (podz)
    Support Maven
    Posted 8 years ago #

    The problem is very much the CSS.
    There are floated elements with no proper widths (bad) and the asides listing is actually starting behind the navbox but because there is a mismatch in widths, it squeezes the list on the end.
    Sort the navbox properties and the asides should behave.

    http://css.maxdesign.com.au/listamatic/

  6. DanM
    Member
    Posted 8 years ago #

    Gah, thought it would have been the fancy new menu ¬_¬
    Much thanks Podz.

  7. DanM
    Member
    Posted 8 years ago #

    Err, actually Podz could you give me a little more guidance in solving this? I was using the horizontal list navigation from listamatic before and had a mess around with getting rid of the floats from that... which solved the problem, but aesthetically wasn't that pleasing.

  8. Mark (podz)
    Support Maven
    Posted 8 years ago #

    What is the problem ?

    While you are troubleshooting any placement issues, it will help to colour different areas - that way things will clearly show up.

  9. DanM
    Member
    Posted 8 years ago #

    Ah, got it! By adding a clear: left rule to the CSS that controls the lists :D

Topic Closed

This topic has been closed to new replies.

About this Topic