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

Home Forums CSS Centering Multiple Divs Vertically On All Screens

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

    I’m trying to finish up this layout but I have on last thing that’s not really working for me.

    I have a bunch of little bubbles which are all divs themselves, plus another div behind it which contains the purple “string” in which the bubbles appear to be on top of .

    All of the bubbles are centered on my screen, but not on other people’s screens.
    Is there any way I could center it so it will show up the same on all screens?

    All help is appreciated! <3

    JS Fiddle


    To start you should be aware that there is no such property as float:center and there is now no element called <center>.

    Also, when you refer to ‘centered’, I assume you mean centered in the bar and not in the middle of the screen…right?

    I have to say that you have a lot of repeated CSS that could be extracted out to classes and the HTML structure seems to be overcomplicated.

    A standard nav/ul structure might be better for you….I’ll have a think.

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