Forums

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

Home Forums CSS Help needed with CSS alignment on Chrome!

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #43243
    jatinh
    Member

    getting this weird alignment problem with the thumbnails on the home page of the following website:
    http://colour-chair.de
    It looks perfect on firefox. Could someone lease help me out with this?

    #127445
    Paulie_D
    Member

    Odd…If you remove

    margin-top:100px !important;

    from [.home . gallery] they line up but, of course, the whole page moves up,

    #127446
    CrocoDillon
    Participant

    If i open the element inspector and remove `float: left;` from gallery items, then put it back, they also line up. Madness!

    #127447
    Paulie_D
    Member

    Could it have something to do with the style section inside the page rather than in a stylesheet?

    Can’t think why…but……

    #127448
    pixelgrid
    Participant

    changing the float:left to display:inline-block to

    .gallery-item {
    display: inline-block;
    }

    seems to fix it for me

    #127449
    Paulie_D
    Member

    >changing the float:left to display:inline-block to gallery-item { display: inline-block; } seems to fix it for me

    That’s probably doing the same as removing and reapplying the float.

    Block Formatting Context issue?

    #127450
    CrocoDillon
    Participant

    If I set a height on the parent div of gallery items (any height works), they line up. If I remove the height, they bug again. My mind is puzzled. Not an expert on BFC so idk…

    #127451
    CrocoDillon
    Participant

    I don’t know why but removing `clear: both;` from `.gallery` (line 505 of style.css) seems to fix it.

    #127454
    wolfcry911
    Participant

    I’m pretty sure it’s because of the style element in the body – put it in the head without any other changes and it works.

    #127462
    jatinh
    Member

    Some of the solutions presented above seem to work (although they don’t make a lot of sense and I am surprised that such a thing is happening on Chrome) .
    Testing if anything is broken in other browsers after making the changes. Will post an update.
    Big thanks to whoever helped.

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