#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2003
    Posts
    16
    Rep Power
    0

    [CSS] Positioning 2 layers in one centered layer


    Hey people!

    I'm transitioning my client sites into compliant XHTML/CSS sites.

    I started with this menupage (don 't mind of you don't understand what is says, it's in Dutch ): http://www.valentinus.be.

    When you open it 's source code, you see the old non-compliant code using tables. I abandoned tables and used layers in the new code.

    One centered layer which contains the photo of the person, the title (De officiŽle website van...) and the beige square as one backgroundphoto. I'm going to make the 2 rollovers also in CSS, and I want to use two layers, one for each choice. I want to position these two layers in the right corner, just like the layout of the old site. Is it possible to do this in a centered containerlayer? So something like this:



    This is my code so far:
    Code:
    <<body id="keuzeindex">
    	<div align="center">
    		<div id="keuzemenu">
    		</div>
    		<p class="keuzeindexparagraaf">
    			ontwerp door <a href="http://www.grayscale.4ever.cc" target="_blank" class="designlink">Grayscale New Media</a>
    		</p>
    		<p class="keuzeindexparagraaf">
    			<!-- Begin Nedstat Basic code -->
    			<!-- Title: Valentinus Paquay :: het heilig paterke -->
    			<!-- URL: http://212.123.1.105/web/valentinus/index.html -->
    			<script language="JavaScript" type="text/javascript" src="http://m1.nedstatbasic.net/basic.js">
    			</script>
    			<script language="JavaScript" type="text/javascript" >
    			<!--
      				nedstatbasic("ACe2eQOOvLqYI4SvBJ5sYLSYyEaw", 0);
    			// -->
    			</script>
    			<noscript>
    			<a target="_blank" href="http://v1.nedstatbasic.net/stats?ACe2eQOOvLqYI4SvBJ5sYLSYyEaw"><img src="http://m1.nedstatbasic.net/n?id=ACe2eQOOvLqYI4SvBJ5sYLSYyEaw" border="0" width="18" height="18" alt="Nedstat Basic - Free web site statistics" /></a>
    			</noscript>
    			<!-- End Nedstat Basic code -->
    		</p>
    	</div>
    </body>
    Thx in advance!
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Posts
    3
    Rep Power
    0
    as far as my knowledge goes, if your website is stucked on the left, that means all your navigation and cnotent are based on the left side.(whether its 1024x768,800x600, or even higher resolution all your stuffs are left side) , then you are advisable to use layers with CSS. But if you are using layers to centralise an image with the use of CSS, to my knowledge its nto possible, just stick to tables.

IMN logo majestic logo threadwatch logo seochat tools logo