| SitePoint Sponsor |
|
|
User Tag List
Results 1 to 3 of 3
Thread: they are not touching.
Hybrid View
-
Jul 5, 2006, 11:39 #1SitePoint Enthusiast
- Join Date
- Mar 2006
- Posts
- 62
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
they are not touching.
Hey,
for some reason I can not get my two Div's to touch. There seems to be no reason why there is a space there... It almost seams as if I hit an enter key and it places a <br /> tag. However... Since i'm using notepad... i know thats not the case.
here is my css.
and the html.PHP Code:/* CSS Document */
BODY
{
background-color:#999999;
}
/*begin div.# tags*/
div.main_contain
{
background-color:#FFFFFF;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
min-width:800px;
max-width:1000px;
border: thick 2px #000000;
}
div.bannor
{
padding:0px, 0px, 0px, 0px;
background:#0099FF;
width:100%;
height:100px;
}
div.info_bar
{
float:left;
padding:0px 0px 0px 0px;
font-size:24px;
margin-top:0px;
float:none;
background-color:#FF0000;
color:#FFFFFF;
}
PHP Code:<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>-Night Lance- Personals.</title>
<link href="http://personals.nightlance.com/css/personals.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p align="center">
<div class="main_contain">
<!--bannor section-->
<div class="bannor">
</div><!--end of <div id="bannor"> -->
<!--info bar section-->
<div class="info_bar" align="center">
<?php
if(isset($error))echo $error;
if(isset($site_error))echo $site_error;
?>
<p>Hello</p>
</div><!--end of <div class="info_bar">-->
</div><!--end of <div id="main_contain">-->
</p>
</body>
</html>
-
Jul 5, 2006, 12:05 #2Non-Member
- Join Date
- Jan 2005
- Location
- Netherlands
- Posts
- 4,300
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hello
default padding and margins
PHP Code:<!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=iso-8859-1" />
<title>-Night Lance- Personals.</title>
<style type="text/css">
/* CSS Document */
body{background:#999999;}
* {margin:0;padding:0;}
.main-contain {
background:#FFFFFF;
margin:0 auto;
border: 2px solid #000000;
}
head+body .main-contain{
min-width:800px;
max-width:1000px;
}
* html .main-contain{width:800px; }
.bannor{background:#0099FF;height:100px;}
.info-bar{background:#FF0000;}
.info-bar p{font-size:24px;color:#FFFFFF;}
.main-contain p {padding:5px;}
</style>
</head>
<body>
<div class="main-contain">
<div class="bannor"><p>bannor</p></div>
<div class="info-bar"><p>Hello</p></div>
</div>
</body>
</html>
-
Jul 5, 2006, 12:35 #3SitePoint Enthusiast
- Join Date
- Mar 2006
- Posts
- 62
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
thx man...
Bookmarks