position divs for a simple three colunm layout
-
i have been studying website design for just over a year i previously used tables as a way of layout
but now i want to get to the nuts and bolts and start using purely css and html i have been trawling through code and now finally get the jist.
my question is why cant i sit a div in the middle of two column here is the code i have been working on
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header"></div>
<div id="sidebar2">Content for id "sidebar2" Goes Here</div>
<div id="main">
<div id="sidebar1">Content for id "main" Goes Here </div>
</div>
</div>
</body>
</html>
-
Hi there,
<div style="background-color: Gainsboro; width: 100%; height: 100%;">
<div style="background-color: Gray; width: 100%; height: 20px;">
Header</div>
<div style="background-color: #990000; width: 200px; height: 100%; float: left;">
Menu</div>
<div>
Content</div>
</div>
Post a reply
CSS forum discussion
-
CSS Articles
by Rohitnath (3 replies)
-
How to Create Scrollable DataGridView
by fravimal dev (8 replies)
-
Dynamic image map for asset management
by nsanyi23 (3 replies)
-
Streaming web video
by kruelintent (0 replies)
-
HTML vs HTM
by tung148 (15 replies)
Quick links
Recent activity
- arif ahmad replied to How to receive data in web ...
- William Thompson replied to What is the name of the Win...
- Sameera Piyadigamage replied to Point of Sale Developers: H...
- Scott Carline replied to 4 x C# Developers for large...
- Rajendra Dhakal replied to Restore SQL Server text dat...
- cloud rainda replied to How to convert between TS f...
Enter your message below
Sign in or Join us (it's free).