Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Nov 2006
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Whole site in CSS

    Hi,
    is it possible to make my page whole i css? I don't know how to stretch the gifs in those columns on the sides of the page with CSS, currently I'm using the tables (width 100%)
    here's my site
    http://www.alveo-akuna.biz

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,630
    Thanks
    6
    Thanked 1,002 Times in 975 Posts
    Basically everything is possible. You should learn form the pros:

    http://htmldog.com
    http://bonrouge.com
    http://csszengarden.com

  • #3
    ess
    ess is offline
    Regular Coder
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    866
    Thanks
    7
    Thanked 30 Times in 29 Posts
    It is preferable to control a website's layout with CSS.

    That of course does not mean that you must use CSS...as some designs can be tricky to control when only using CSS.

    In any case, you should look at layout techniques to learn how to do it yourself.

    Here is a couple of websites that provide examples of how you can achieve different layouts using CSS.

    http://www.glish.com/css/

    http://www.bluerobot.com/web/layouts/

    Here is a link to a website that provides CSS layout generation.
    http://www.csscreator.com/version2/pagelayout.php

    good luck

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Body background

    Since the vast majority of your layout already is table-free, it will be fairly simple to get rid of that last layout table.
    Basically, since your layout is a fixed width centered one, all that is needed is a container div replacing the outer table; this can be used for everything the table currently does, minus the left and right columns, so just the center column.
    Center this container div using auto left and right margins (margin: 0 auto and move the current left and right background images to a single image set as background for the body element, aligned such that the visual effect matches the current setup.
    Regards,
    Ronald.
    ronaldvanderwijden.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •