Make the image positioning work under IE, using ugly fixed positioning hacks.
This commit is contained in:
parent
2af507f23d
commit
2b21acb16a
|
@ -238,7 +238,7 @@ module Anne::Views
|
||||||
|
|
||||||
def vote(image, progress = 0)
|
def vote(image, progress = 0)
|
||||||
h2 "Welk beeld is ruimtelijker?"
|
h2 "Welk beeld is ruimtelijker?"
|
||||||
form :action => R(Vote), :method => :post do
|
form.images! :action => R(Vote), :method => :post do
|
||||||
input :type => "hidden", :name => "image", :value => image
|
input :type => "hidden", :name => "image", :value => image
|
||||||
input.image :type => "image", :src => R(ImageX, "#{image}-l.png"),
|
input.image :type => "image", :src => R(ImageX, "#{image}-l.png"),
|
||||||
:name => "left", :id => "left"
|
:name => "left", :id => "left"
|
||||||
|
@ -309,16 +309,18 @@ body {
|
||||||
#header h1 { padding-top: 25px; margin-top: 0px; }
|
#header h1 { padding-top: 25px; margin-top: 0px; }
|
||||||
|
|
||||||
.image { border: thin solid #888; }
|
.image { border: thin solid #888; }
|
||||||
#right { float: right }
|
#images { position: relative; height: 470px; }
|
||||||
|
#left { position: absolute; left: 0px; }
|
||||||
|
#right { position: absolute; right: 0px; }
|
||||||
|
|
||||||
#progressbar {
|
#progressbar {
|
||||||
height: 6px;
|
height: 6px;
|
||||||
margin-top: 14px;
|
margin-top: 8px;
|
||||||
background-color: #101073;
|
background-color: #101073;
|
||||||
}
|
}
|
||||||
|
|
||||||
#progressbar #done {
|
#progressbar #done {
|
||||||
height: inherit;
|
height: 6px;
|
||||||
background-color: #d6007b;
|
background-color: #d6007b;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in New Issue