[Request/Looking for] Script that centers the review block in the middle of the screen


#1

Title pretty much says everything.

http://i.imgur.com/LDpGtM3.png

I want this “block” to be centered vertically. How could this be done? I tried a few things like vertical-align and table cells, but nothing of that works like I want it to.

Could someone help me out?


#2

H-How big is your screen???


#3

Uh, 24"? It’s not that it’s bothering me so much, but if you take a closer look at my pending reviews, I’d like to make stuff as easy as possible for my eye(muscles) :slight_smile:
Edit: Yeah, that is what happens if you leave wanikani for one year. At first it was at 2400…


#4

I’m not exactly sure if this is what you were going for, am I close?

http://imgur.com/5Y9CvCk

If I am, I can’t really help you with the finished script since I don’t know exactly how they work, but the quick and dirty fix is to just style it like this:



http://imgur.com/t1gSbF8

The css for you copy pasting pleasure:

element.style {
display: block;
position: absolute;
top: 50%;
margin-top: -300px;
margin-left: 400px;
width: 1000px;
height: 100px;

}

#5

Also, do you have 1800 reviews ready? Is that some kind of script or are you reeeeeally behind?


#6

Yeah, wow, thanks! That’s all I wanted! A bonus would be stretching it fully from side to side, but this should work fine too. Thanks again!
Regarding the reviews: take a look at my edit of my prior post.


#7

You can stretch if fairly easily, just fiddle with the width setting of the CSS. 

It’s all gonna fall apart if you resize your window, of course, but if you keep it maximized, you’re all set.


#8

I ask because this is how my screen looks. Then again, I have a smaller-than-average laptop. xD