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
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
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.
Yeah…here we go: