Hello all,
This is the html of a website I am designing:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Page Title</title>
<link href="styles\test-css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="left_ad">Left ad</div>
<div id="container">
<div id="across_banner"><c><h1>Banner Headline</h1></C></div>
<div id="left_menu">
<h1>Menu Area</h1>
<h1>Where are
<i>you</i>?</h1>
<ol>
<li><a href="">Item 1</a></li>
<li><a href="">Item 2</a></li>
<li><a href="">Item 3</a></li>
<li><a href="">Item 4</a></li>
<li><a href="">Item 5</a></li>
</ol>
</div>
<div id="right_main">Main matter area
</div>
<div id="footer">Website owned
</div>
</div>
<div id="right_ad">Right ad</div>
</body>
</html>
And this is the CSS text in test-css.css file:
<!--
body {
width: 100%;
margin: 0;
padding: 0;
}
#left_ad {
background-color:#FFFF11;
width:10%;
float:left;
}
#right_ad {
background-color:#94C397;
width:10%;
float:left;
}
#container {
background-color: #FF3333;
width:80%;
float:left;
}
#across_banner {
width:100%;
text-align:center;
}
#mid_container {}
#left_menu {
background-color:#74A397;
width:15%;
height:80%
}
#left_menu h1{
font-size:large;
text-align:center;
}
#right_main {
background-color:#142397;
width:85%;
float:right;
}
#footer {
background-color:#942397;
width:100%;
float:left;
font-size:large;
text-align:center;
}
-->
I find that the box containing text "main matter area" is not being
rendered immediately to the right of the box containing "Menu Area"
but one line below and to the right of the last of the ordered list in
the menu.
Can someone tell me what I am doing wrong because of which this
alignment is being rendered incorrectly?
The above are COMPLETE source codes - simply pasting the html into
a .htm extension and the CSS text into a .css file in a subfolder
"styles" and pointing IIS to the folder containing the htm file with
http://localhost should have the display being rendered in the same
manner as I see it on my browsers.
Early help deeply appreciated - thank you in advance.
Cheers!
Uttam
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
