Previous Message
Next Message

Layout help

Sent by nouhad on 19 November 2006 16:04


Hello there. I'm having a hard time coding my CSS to position divs exactly
the way I want it to. Could someone help me out and let me know where I'm
going wrong, i do not know what positioning method I should use.

How i want the website to look :
http://img212.imageshack.us/img212/7094/compolf6<http://img212.imageshack.us/img212/7094/compolf6.gif>
..gif

CSS coding  :
#container
{    width: 600px;
    height: 100%;
    background:url(images/wallpaper.png) no-repeat bottom left;
    color:#FFFFFF;
    position:relative; }
#banner
{
    width: 500px;
    height: 110px;
    background:url(images/banner.png) no-repeat; }

#navbar {
    background:url(images/horizontalbar.png) no-repeat;
    height: 41px; }

#leftbox{
    width:225px;}

#rightbox{
    width:250px;
    background:url(images/rightbox.png);
    height:156px;}

HTML coding
<body>
<div id="container">

        <div id="banner">
        Banner        </div>

        <div id="navbar">        </div>

        <div id="leftbox">
        Leftbox        </div>

        <div id="rightbox">
        Rightbox        </div>
</div>

</body>
-- 
nouhad
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: