code general - horizontal alignment

[dexter]

this is the generally code, including a simple navigation and the content tag

Code: Select all

<div id="headerBlock"><img src="content/images/logo.gif" alt="Logo">

<div id="list_top">
  <ul id="list_top_ul">
    <li id="list_top_home"><a href="index.php?index">ABOUT</a></li>
    <li><a href="index.php?id=3,0,0,1,0,0">LOGOTYPE</a></li>
    <li id="list_top_active"><a href="index.php?id=4,0,0,1,0,0" id="list_top_active_link">PRINT</a></li>
    <li><a href="index.php?id=1,0,0,1,0,0">WEB</a></li>
    <li><a href="index.php?id=5,0,0,1,0,0">INUSE</a></li>
    <li><a href="index.php?id=10,0,0,1,0,0">PHOTO</a></li>
    <li><a href="index.php?id=6,0,0,1,0,0">CONTACT</a></li>
  </ul>
</div>
<div id="naviTopBorder"></div></div>
<div id="mainBlock"></div>

is it possible to put this all in a wrapping div? that means starting div before <div id="headerBlock"> and closing div after <div id="mainBlock">.

if not, how can i adjust a horizontal and vertical center alignment of the whole site?

[dexter]

propably i have to ask my question a bit more in a simpler way.

how can i center my site in horizontal and vertical wise?

[evan]

see http://www.quirksmode.org/index.html?/c ... ering.html

[dexter]

thanks, but i already knew that.

the problem is, see my first post, that it is not possible to put the whole site in container or a table, to center it vertical.

[Pappnase]

hello

place all you need for the main container in the body part of the css!
hope this info was helpfull.

[dexter]

but in this case, the header stuff wouldnt be center too, isnt it? see code.

Code: Select all

<div id="headerBlock"><img src="content/images/logo.gif" alt="Logo"> 

<div id="list_top"> 
  <ul id="list_top_ul"> 
    <li id="list_top_home"><a href="index.php?index">ABOUT</a></li> 
    <li><a href="index.php?id=3,0,0,1,0,0">LOGOTYPE</a></li> 
    <li id="list_top_active"><a href="index.php?id=4,0,0,1,0,0" id="list_top_active_link">PRINT</a></li> 
    <li><a href="index.php?id=1,0,0,1,0,0">WEB</a></li> 
    <li><a href="index.php?id=5,0,0,1,0,0">INUSE</a></li> 
    <li><a href="index.php?id=10,0,0,1,0,0">PHOTO</a></li> 
    <li><a href="index.php?id=6,0,0,1,0,0">CONTACT</a></li> 
  </ul> 
</div> 
<div id="naviTopBorder"></div></div> 
######## you mean here?  #######
<div id="mainBlock"></div>

i would like to do this.



thanks

[DeXXus]

Create a page layout and choose:

custom (from template main block)

then, you can insert and control the entire page

[dexter]

aaaaahhhhh

great job.
thanks!

[DeXXus]

FpLhEpXwIcBmLsE