Omnimaga

General Discussion => Technology and Development => Web Programming and Design => Topic started by: ElementCoder on April 28, 2013, 09:00:12 am

Title: [Solved]Alignment problem.
Post by: ElementCoder on April 28, 2013, 09:00:12 am

I have a problem with the alignment of my elements. I want to have a centered area like on the omni homepage but without the side stuff. The problem i have is that it works fine if I turn off the float property, but then it slips behind the menu bar :(
All code can be found here: https://github.com/ElementCoder/astro

Edit: this is fixed now, I left out the float: left part and added <br style="clear: both;"/> below the div of the menubar.

Title: Re: Alignment problem.
Post by: Juju on April 28, 2013, 10:10:15 am

Try the z-index property in your CSS.

Title: Re: Alignment problem.
Post by: ElementCoder on April 28, 2013, 11:11:01 am

That only changes the stack order of the elements, I need the placement to be different. When removing float it centers, but crawls behind the bar like (http://puu.sh/2INhk.jpg) and when doing float it goes below the bar correctly like (http://puu.sh/2INjn.jpg) but then it doesn't center. I need it to be like the last picture, but centered.