2 replies [Last post]
dennisboys
dennisboys's picture
Offline
newbie
Last seen: 10 years 11 weeks ago
Timezone: GMT+8
Joined: 2012-07-10
Posts: 3
Points: 4

why the search box is not followed the topbox?

<!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>contentbox by Dennis</title>
 
<style>
.wrapbody {
width:950px;
height:800px;
border:solid 1px #9CF;
margin:auto;
}
 
.nav{
width:930px;
height:100px;
border:solid 1px #9CF;
margin:5px auto 0 auto;
}
 
.topbox{
width:930px;
height:150px;	
border:solid 1px #9CF;
margin:5px auto 0 auto;
}
 
.searchbox{
width:930px;
height:80px;
border:solid 1px #9CF;
margin:5px auto 0 auto;	
}
 
.contentbox1{
height:100px;
width:100px;
border:solid 1px #336699;	
text-align:center;
margin:5px 5px 5px 5px;
}
 
.contentbox2{
height:100px;
width:100px;
border:solid 1px #336699;	
text-align:center;
}
 
.contentbox3{
height:100px;
width:100px;
border:solid 1px #336699;	
text-align:center;
}
</style>
 
</head>
 
<body>
 
<div class="wrapbody">
 
	<div class="nav">navigation</div>
 
    <div class="topbox">top box content<div>
 
    <div class="searchbox">search box content<div>
 
 
</div>
 
</body>
 
</html>

dennisboys
dennisboys's picture
Offline
newbie
Last seen: 10 years 11 weeks ago
Timezone: GMT+8
Joined: 2012-07-10
Posts: 3
Points: 4

sorry, solved, typo caused

sorry, solved, typo caused the problem!!!!

sorry, im new to here and dont know how to delete my post!

dennisboys
dennisboys's picture
Offline
newbie
Last seen: 10 years 11 weeks ago
Timezone: GMT+8
Joined: 2012-07-10
Posts: 3
Points: 4

how can I move the two box into one line?

<!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>contentbox by Dennis</title>
 
<style>
.wrapbody {
width:950px;
border:solid 1px #9CF;
margin:auto;
}
 
.nav{
width:930px;
height:100px;
border:solid 1px #9CF;
margin:7px auto 0 auto;
}
 
.topbox{
width:930px;
height:150px;	
border:solid 1px #9CF;
margin:7px auto 0 auto;
}
 
.searchbox{
width:930px;
height:80px;
border:solid 1px #9CF;
margin:7px auto 0 auto;	
}
 
.firstbox{
width:930px;
height:700px;
border:solid 1px #9CF;
margin:7px 0 0 10px;	
}
 
.firstboxleft{
width:210px;
height:700px;
border:solid 1px #9CF;
margin:0 0 0 0;	
}
 
.firstboxmiddle{
width:350px;
height:700px;
border:solid 1px #9CF;
margin:0 0 0 10px;
float:right;
}
 
.firstboxright{
width:350px;
height:700px;
border:solid 1px #9CF;
margin:0 0 0 10px;
float:right;
}
 
.clearbox{
clear: both;
}
</style>
 
</head>
 
<body>
 
<div class="wrapbody">
 
	<div class="nav">navigation</div>
 
    <div class="topbox">top box content</div>
 
    <div class="searchbox">search box content</div>
 
    <div class="firstbox">
 
    	<div class="firstboxleft"></div>
 
	    <div class="firstboxmiddle"></div>
 
	    <div class="firstboxright"></div>
 
        <div class="clearbox"></div>
 
	</div>
</div>
 
</body>
 
</html>