Hello. (i found out how to reply to all so others can see this results)

Thats quite not possible to do this with CSS only, because you cant set a
margin full auto for exemple so everything is placed in the middle. The only
way to do this is by using this sort of structure
<body>
<table>
<tr>
<td valign="middle" align="center" width="900px" OR try with style="width:
900px; margin: 0px auto;" instead of align="center">
<div class="WEBSITE AND EVERYTHING GOES HERE">

</div>
</td>
</tr>

thats about it, and afterwords on the TD a height: 100% or height: auto; or
something to make it span the entire window of the screen in height. (sorry
if parts of the code are incorrect)

This is the only trick i know and it works (i did it for an image which had
to be centerly positioned in a bigger div *and the image was inserted via
PHP so the image had different size)

Hope it works.

Also there is a JS solution. something like 1) calculate the entire height
of the browser viewable space (aka the stuff that is page content not the
toolbars/etc) 2) calculate the height of the website's main DIV 3) do 1) -
2) / 2 and that is the vertical margin and it has to be inserted like a js
on the Main websites div. I am still very new to JavaScript so i cant help
you with the coding of the script but thats what it should be like.

Hope i could help you and sorry if i replied to you instead of the entire
mailing address, i'm also new to those things.

On Thu, Oct 2, 2008 at 1:10 PM, Krystian - Sunlust <[EMAIL PROTECTED]>wrote:

> Hi,
> I was trying to google for it but I can't find a solution,
> I know how to position website with margin: 0 auto, but it stays on the top
> of the website on bigger screens, what I need is it to stay in the middle,
> vertically and horizontally, I'm looking for a simple solution, don't mind
> the JS if needed.
>
> Any help/tips/links appreciated.
>
> Regards,
>
> --
> Krystian - Sunlust
> Freelance Web Designer in Eastbourne: http://sunlust.net
> Mobile UK (Orange): 07528 036 337
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
-- 
-------------------
Alexandru Dinulescu
Web Developer
(X)HTML/CSS Specialist
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to