PHP和CSS不能正常工作

好的我的网站有问题，我的页眉和页脚受到CSS的影响，但我的身体不是，我试过编辑这些值，但它似乎不起作用，但出于某种原因，如果我向背景颜色添加颜色，颜色会改变，但是位置不会。我卡住了。请帮忙。这里是我的CSS：PHP和CSS不能正常工作

#nav ul 
{ 
    overflow: hidden; 
    list-style-type: none; 
    margin: 0; 
    padding-left: 25%; 
    text-align: center; 
} 
#nav li 
{ 
    float: left; 
    padding-right: 10%; 
    background-color: red; 
} 
#nav a:link, a:visited 
{ 
    display: block; 
    width: 100%; 
    font-weight: bold; 
    color: #FFFFFF; 
    padding: 4px; 
    text-decoration: none; 
    text-transform: uppercase; 
} 
#nav a:hover, a:active 
{ 
    background-color: blue; 
} 

#footer 
{ 
    width: 50%; 
    position: absolute; 
    bottom: 0; 
    left: 25% 
} 

.body 
{ 
    width: 50%; 
    left: 25%; 
}

这里是我的PHP：头：标题

<!--<script type="text/javascript"> 
     var j = Math.floor(8*Math.random()); 
     var s = new Array(); 
     s[0]="1"; 
     s[1]="2"; 
     s[2]="3"; 
     s[3]="4"; 
     s[4]="5"; 
     s[5]="6"; 
     s[6]="7"; 
     s[7]="8"; 
     s[8]="9"; 
     k=s[j]; 
     document.write("<style type='text/css'>body {background-image:url(../images/bg"+k+".jpg);background-attachment:fixed;background-size: 100% 100%;}</style>"); 
</script> 
--> 
</head> 
<body> 
<div id="nav"> 
<ul> 
<li><a href= "home.php">Refugio</a></li> 
<li><a href= "addAccommodation.php">Add accommodation</a></li> 
<li><a href= "login.php">Log In/Register</a></li> 
</ul> 
</div>

首页：

<?php 
session_unset(); 
include ('header.php'); 
?> 
<div class="body"> 
<b>Refugio</b> 
<form action= "results.php" method = "post"> 
Search Accommodation: 
<input type="search" name="accomSearch" required> 
</br> 
Arrival Date: 
<input type="date" name="bday"> 
</br> 
Departure Date: 
<input type="date" name="bday"></br> 
<input type="submit" value= "Search"> 
</form> 
</div> 
<?php 
include ('footer.php'); 
?>

和页脚

<div id = "footer"> 
<p>&#169&nbspCompany.<br /> 
If you have a trouble with our service 
<a href="mailto:[email protected]">Contact Us 
</p> 
</div> 
</body> 
</html>

来源

2015-02-24 martin drap

我建议做一个jsfiddle它。这是一个CSS问题，与PHP不相关。 – 2015-02-24 19:01:11

请正确缩进，以便我们可以阅读这里发生了什么 – 2015-02-24 19:25:23

您必须为您的<div class="body"...设置包装以设置一些宽度。

这宽度将是你的身体基础计算25%

#nav 
 
{ 
 
overflow: hidden; 
 
width:70%; 
 
margin: 0 auto; 
 
    background-color: #E1E1E1; 
 

 
} 
 
#nav ul 
 
{ 
 
list-style-type: none; 
 
width:100%; 
 
text-align: center; 
 
} 
 
#nav li 
 
{ 
 
float: left; 
 
padding-right: 10%; 
 
background-color: red; 
 
} 
 
#nav a:link, a:visited 
 
{ 
 
display: block; 
 
width: 100%; 
 
font-weight: bold; 
 
color: #FFFFFF; 
 
padding: 4px; 
 
text-decoration: none; 
 
text-transform: uppercase; 
 
} 
 
#nav a:hover, a:active 
 
{ 
 
background-color: blue; 
 
} 
 

 
#footer 
 
{ 
 
    clear:both; 
 
width: 70%; 
 
margin 0 auto; 
 
position: absolute; 
 
bottom: 0; 
 

 
} 
 
.page{ 
 
    width:70%; 
 
    margin: 0 auto; 
 
    position:relative; 
 
} 
 
.body 
 
{ 
 
    border:solid 1px red; 
 
    margin:5px auto; 
 
    width:100%; 
 
    position:absolute; 
 
    
 
}

<html> 
 
<body> 
 

 
<div id="nav"> 
 
<ul> 
 
<li><a href= "home.php">Refugio</a></li> 
 
<li><a href= "addAccommodation.php">Add accommodation</a></li> 
 
<li><a href= "login.php">Log In/Register</a></li> 
 
</ul> 
 
</div> 
 
    
 
    <div class="page"> 
 
<div class="body"> 
 
    
 
<b>Refugio</b> 
 
<form action= "results.php" method = "post"> 
 
Search Accommodation: 
 
<input type="search" name="accomSearch" required> 
 
<br /> 
 
Arrival Date: 
 
<input type="date" name="bday"> 
 
<br /> 
 
Departure Date: 
 
<input type="date" name="bday"><br /> 
 
<input type="submit" value= "Search"> 
 
</form> 
 
    
 
</div> 
 
</div> 
 
<div id = "footer"> 
 
    <div> 
 
<p>&#169&nbspCompany.<br /> 
 
If you have a trouble with our service 
 
<a href="mailto:[email protected]">Contact Us</a> 
 
</p> 
 
    </div> 
 
</div> 
 
    
 
</body> 
 
</html>

来源

2015-02-24 19:31:34 Alex

我改变身体位置的CSS是absoulte和它的工作。感谢@Alex的帮助，我使用了你的代码

来源

2015-02-24 20:19:58

您不应该在答案区域添加注释。你看过/看过巡回赛吗？ http://stackoverflow.com/tour。看看，你会发现更好的方式来使用stackexchange :) – 2015-02-24 20:37:00

PHP和CSS不能正常工作

回答

相关问题