Author Topic: [Solved]Alignment problem.  (Read 2727 times)

0 Members and 1 Guest are viewing this topic.

Offline ElementCoder

  • LV7 Elite (Next: 700)
  • *******
  • Posts: 611
  • Rating: +42/-2
    • View Profile
[Solved]Alignment problem.
« 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.
« Last Edit: April 28, 2013, 01:21:48 pm by ElementCoder »

Some people need a high five in the face... with a chair.
~EC

Offline Juju

  • Incredibly sexy mare
  • Coder Of Tomorrow
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 5730
  • Rating: +500/-19
  • Weird programmer
    • View Profile
    • juju2143's shed
Re: Alignment problem.
« Reply #1 on: April 28, 2013, 10:10:15 am »
Try the z-index property in your CSS.

Remember the day the walrus started to fly...

I finally cleared my sig after 4 years you're happy now?
THEGAME
This signature is ridiculously large you've been warned.

The cute mare that used to be in my avatar is Yuki Kagayaki, you can follow her on Facebook and Tumblr.

Offline ElementCoder

  • LV7 Elite (Next: 700)
  • *******
  • Posts: 611
  • Rating: +42/-2
    • View Profile
Re: Alignment problem.
« Reply #2 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 and when doing float it goes below the bar correctly like but then it doesn't center. I need it to be like the last picture, but centered.

Some people need a high five in the face... with a chair.
~EC