Div Expand Equally in Design
The Div tag simply defined is a division within a web page. It is a block of content that can be easily stacked upon top of the other or side by side.
For example, when you have a columnar web page layout, the div's can be used to divide the page into two or more columns.
So we have two div's:
<div id="div1"></div>
<div id="div2"></div>
Now, in a stylesheet declare the following rules.
The result will be a page with two columns.
To get the two columns or div's to expand equally to each other you can use a background image 1x times the wisth of the container. The container is a holder for the 2 columns in your page.
Heres what I mean (notice container on the ouside of the divs at top & bottom of code)
<div id="container">
<div id="div1"></div>
<div id="div2"></div>
</div
Now go back to your style sheet and add the container. The div's we added stay the same. We are just adding a new image as a background.
#container { background: url(url-of-the-background-image.gif) repeat-y 0% 0%; }
#div1 { float:left; width:50%;}
#div2 { marging-left:50%; width:50%;}
Thats it!
SEO Report News
 |
Latest SEO Report News and SEO Blog Snippets |
Movable Type CMS
Movable Type (or MT) provides *great way* to create and manage an entire website's content. Although MT is typically used as a blogging tool, it can be easily customized to manage your entite site. I have also discovered a few MT Plugins (easy to install modules for Movable Type) to help me Improve Search Engine Ranking using this popular content manager. By customizing my MT templates I can quickly manage, create and optimize my pages very quicky. Please let me know if you need help setting up a business or personal Blog using the Moveable Type publisher. My consulting rates are very affordable. Movable Type is also FREE to personal and non profit organizations. Ask me how I can setup and host your site for under $5 a month! Read more about my Bend Oregon Hosting company. For more on how Movable Type works, please see my new article Entire Site Created In MT - in fact Rankbydesign was created in MT using this exact method as well! Posted by Erik: 22 Apr 2007Rank By Design, Bend, Oregon USA
helping improve Search Engine
Ranking!
rankbydesign bend,
oregon usa © 2007 Ph:(530)685-8000
