cenetering whole page

timmytots · #1 May 18th, 2006, 19:13

I'm trying to center the entire div vertically so that everything's always in the middle of the browser window. I've done:

vertical-align: middle;

but doesn't have desired effect.

How u do it please?

Dan Williamson · #2 May 18th, 2006, 19:50

In your head tag:

HTML: Select all

<style type="text/css">
<!--
    .container{
        margin-left: auto;
        margin-right: auto;
        margin-top: 50%;
    }
--!>
</style>

Then you needto select the class in the top of your body and close it at the end.

HTML: Select all

<div class="container">
<!-- HTML here --!>
</div>

herkalees · #3 May 18th, 2006, 19:52

I feel like I answer this question once a week:

http://www.webforumz.com/34611-post4.html

timmytots · #4 May 19th, 2006, 12:10

i'm sorry, but neither work

herkalees · #5 May 19th, 2006, 12:12

Quote:

Originally Posted by timmytots

i'm sorry, but neither work

Wrong, my method definitely works, I use it all the time and it tests well across multiple browsers and OSs.

You might have code conflicts or something. Post your code, or a link to the page in question.

Legacy_Staff · #6 May 20th, 2006, 15:51

Timmy, I used that code and it does work.
I had to show it very slightly differently than it's described but, if you see my post beneath Herk's in the thread, I show exactly what I used.
http://www.webforumz.com/css-forum/6...vertically.htm

Incidentally, I think if you want to show something in the middle, you should say "center" (US spelling) not 'middle'.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Best way to prevent access to page B except via page A?	Donny Bahama	PHP Forum	1	Apr 3rd, 2008 02:15
Green bar of colour at bottom of page gets bigger the more page is extended	pixelgirl	Web Page Design	1	Apr 1st, 2008 01:27
internal navigation, Linking from one page to a specific div in another page.	Oak	Web Page Design	5	Feb 8th, 2008 22:54
Linking an outside page back to previous framed page	MJustison	Starting Out	1	Oct 18th, 2007 17:49
A gap appears beween the Page Title and the Body Content of the page.	sovereign6	Web Page Design	6	Dec 18th, 2006 19:14

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
cenetering whole page