0

So I was testing out the 960gs when I encountered a problem with the Opera & IE8 browser. Below is an image with the page rendered in Opera (But same error happens in IE8.)
enter image description here

I don't care about the buttons not being styled correctly, but it's the divs aligning horizontally that bugs me.

Below is the same page rendered with chrome (looks the same in firefox). enter image description here

Anyone knows what the problem might be?

Drahakar
  • 5,986
  • 6
  • 43
  • 58
Niss1
  • 1
  • Below is the source code to the page with one HTML and three CSS files. http://cl.ly/Br4g – Niss1 Nov 16 '11 at 11:54

2 Answers2

0

Your HTML has incorrect tags. buttons cannot have hrefs. Only links (a tags) can.

Your CSS does not have gradients for Opera, IE only for Safari/Chrome.You would do that using -o-linear-gradient(top, #ade2ff, #0588fa);

Divya Manian
  • 1,927
  • 11
  • 16
0

Well, either you use <button> or <a>. If you start your buttons with <button> you can't end them with <a>. Just choose one of them and your grid layout works.

Thunraz
  • 570
  • 5
  • 18