CODEWITHSUNDEEP
csslayouthtml
Wcs Ase
Wcs Ase

Reputation: 43

basic layout with div instead of table

---------------------------------
menu
---------------------------------|
content                 |Feeds   |
                        |        |
                        |        |
---------------------------------|

I would like to use div to separate content and Feeds that way instead of using a table

I have tried

css.

#left
{
   clear:left;
   float:left;
   position:fixed;
}
#right
{
   float:right;
   position:absolute;
}

html.

<div>
   <div id="left">Content</div>
   <div id="right"> Feeds</div>
</div>

Upvotes: 3

Views: 12124

Answers (1)

Shawn Taylor
Shawn Taylor

Reputation: 3969

Check this out.

<div id="container">
    <div id="menu">Menu</div>
   <div id="left">Content</div>
   <div id="right"> Feeds</div>
    <div id="footer"> Footer</div>
</div>


body{
    width: 760px;
    margin: 0 auto;
}
#container{
    position:relative;
}
#menu
{
    border: 4px solid orange;
}
#left
{
      float:left;   
}
#right
{
   position:fixed;
    right: 10px;
    top: 25px; /*Change as per your need */            
}
#footer{
    border: 4px solid aqua;
    clear:both;
}

Upvotes: 5

Related Questions