: I need advice on how to position key elements in a layout I'm designing a video game display page. The page which has many items and I'm finding it really difficult to decide on a layout

@Kevin459

Try to tighten up the width relationships with a grid. 978 grid system is my current choice as a guide (I don't use its CSS, but the layout pattern is worth a look).

After that, I think you could move the 'heavy' horizontal divide up to the top of the page.
I think it's holding more weight than it really needs to, and it would help the vertical flow of the page. Like the comment mentions...vertical scroll...don't abuse it - definitely use it.

Initial thoughts to layout:

divide the vertical layout into 1/3 by 2/3 column, or perhaps 1/5, 3/5, 1/5 (using the vertical grid for element placement).

head: Horizontal bar (anywhere but dead center)

top: details column / hero and details / add this buttons

mid: details cont. / screen shots / reviews and similar games column (watch the width)

btm: ... / Q & A / ...

footer: ...

Option 2: The width of your Hero area and the Screenshots/Video is very similar....make them identical and stack them. Then push the thinner content to the edge(s).

Either way, I'm just trying to get the Hero, and main points to not only align, but to look as if they're part of the same game - not the next game in the cue.

Vote Up Vote Down