SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Addict hitmanuk2k's Avatar
    Join Date
    Apr 2003
    Location
    Leeds, England
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Alignment problem

    I am using wordpress, which can be a bugger when it comes to getting things set up nicely. I thought I had cracked it with my solution for my 'cast' images at http://www.obsessedwithfilm.com/the-dark-knight-2008/ only to discover that by using float left to keep them inline with each other, I had to have an exact amount of images in order to not push the 'facts' section up beside it. How can I set it up to have the 'Facts' always below regardless.

    Apologies for my somewhat messy CSS.
    Follow me on Twitter, or find me on LinkedIn. Latest project: loanpayday.org.uk.

  2. #2
    Romans 12:2 codyrockx's Avatar
    Join Date
    Jul 2003
    Location
    Newberg, Oregon
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Was actually just making similar changes to my wordpress installation. Simply add a class name to your facts image and then in your css add the following:
    Code:
    .classname {
         clear: both;
         }
    That will clear that layer from anything that is floated and drop it beneath them as if they were set as a block element rather than an inline element. Best of luck!
    Codyrobert.com - Designer and Developer

  3. #3
    SitePoint Addict hitmanuk2k's Avatar
    Join Date
    Apr 2003
    Location
    Leeds, England
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Works perfect Thanks very much.
    Follow me on Twitter, or find me on LinkedIn. Latest project: loanpayday.org.uk.

  4. #4
    SitePoint Addict hitmanuk2k's Avatar
    Join Date
    Apr 2003
    Location
    Leeds, England
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    May as well ask this in the same thread...

    http://www.obsessedwithfilm.com/the-dark-knight-2008/

    Why do they become unaligned in IE but ok in Firefox?
    Follow me on Twitter, or find me on LinkedIn. Latest project: loanpayday.org.uk.

  5. #5
    Romans 12:2 codyrockx's Avatar
    Join Date
    Jul 2003
    Location
    Newberg, Oregon
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Without playing with the code any my guess is your empty "p" tags surrounding the div layers. IE treats margin and padding on those different when they're empty.
    Codyrobert.com - Designer and Developer

  6. #6
    SitePoint Addict hitmanuk2k's Avatar
    Join Date
    Apr 2003
    Location
    Leeds, England
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I thought as much. Though I have no idea how I'm going to get around it - wordpress seems to add them regardless of whether I want it too.
    Follow me on Twitter, or find me on LinkedIn. Latest project: loanpayday.org.uk.

  7. #7
    SitePoint Addict hitmanuk2k's Avatar
    Join Date
    Apr 2003
    Location
    Leeds, England
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I managed to strip the unwanted p tags by modifying the plugin used to allow the use of the divs in the post... but the problem persists.
    Follow me on Twitter, or find me on LinkedIn. Latest project: loanpayday.org.uk.

  8. #8
    Romans 12:2 codyrockx's Avatar
    Join Date
    Jul 2003
    Location
    Newberg, Oregon
    Posts
    422
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I want to say it's still with those "p" tags that are around each div layer. If you can add a class to them, try that and then set that class with no margin or padding in your css.
    Codyrobert.com - Designer and Developer

  9. #9
    SitePoint Addict hitmanuk2k's Avatar
    Join Date
    Apr 2003
    Location
    Leeds, England
    Posts
    234
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'll try that.
    Follow me on Twitter, or find me on LinkedIn. Latest project: loanpayday.org.uk.


Bookmarks

Posting Permissions

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