Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
Old August 23rd, 2006, 08:10 PM
Authorized User
Join Date: Jan 2006
Posts: 20
Thanks: 0
Thanked 0 Times in 0 Posts
Default Vertically aligning divs in Opera


Have recently updated my homepage design, as it stands all the content is encapsulated in a div, which has a fatter bottom margin:

http://www.carl-wood.me.uk/, which uses stylesheet http://www.carl-wood.me.uk/carl-wood.css.

What I would really like, however, is for that wrapping div to be vertically centered. I've tried applying position: absolute;, top: 50%;, and then a negative margin. Here's the test:

http://www.carl-wood.me.uk/index-test.html, which uses stylesheet http://www.carl-wood.me.uk/carl-wood-test.css.

This works fine in Firefox and IE, but Opera 9.01 for Windows appears to ignore the top:50%; rule... only the lower half of my wrapper div is visible, and their isn't even a scrollbar for the user to see the obscured content! Any ideas of causes or cures??

Similar Threads
Thread Thread Starter Forum Replies Last Post
divs inside divs: theory? Giant_robot_sandwich CSS Cascading Style Sheets 11 September 13th, 2006 03:56 PM
Vertically Constrain GridView wirerider ASP.NET 2.0 Basics 3 February 6th, 2006 06:53 PM
Moving vertically on a form penta Access 5 June 2nd, 2005 07:55 AM
display DataGrid column headers vertically neethling ASP.NET 1.0 and 1.1 Professional 0 May 13th, 2004 10:03 AM

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.