css positioning

**mikee.jk** · 02-18-2008, 08:16 AM

HTML:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
</head>
<body>

<div id="container">
<div id="menu">
menu
</div>

<div id="lefttop">
lefttop
</div>

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

<div id="leftcontent">
leftcontent</div>

<div id="rightcontent">
rightcontent
</div>

<div id="centercontent">
Children are our future! The opportunity to influence children for the kingdom of God has never been greater than in India today. St. John’s Matriculation School made use of this opportunity and is run since 1996. Its humble beginning had just 18 students and 2 teachers. Since then constant planning is being made in order to help the students, parents and the community in the best possible ways
</div>

<div id="footer">footer</div>

</div>

</body>
</html>

CSS:

Code:

#container{
width:780px;
border:1px solid #808080;
background-color:red;
margin:auto;}


#menu{
height:40px;
background-color:white;
}

#lefttop{
float:left;
width:217px;
height:207px;
background-color:blue;
}

#banner{
float:right;
width:563px;
height:207px;
background-color:green;
}


#leftcontent{
width:217px;
height:454px;
background-color:darkgreen;
float:left;
}


#centercontent{
height:454px;
background-color:orange;
margin:0px 171px 0px 217px;/*problem area - not fitting in correctly*/
}


#rightcontent{
float:right;
width:171px;
height:454px;
background-color:purple;
}

#footer{
background-color:gray;
height:25px;
clear:both;
}

Edit: Wrapped code in [code][/code] tags.

Thread: css positioning

Thread Tools

Search Thread

css positioning

Bookmarks

Bookmarks

Posting Permissions