首页 \ 问答 \ div在刷新页面时下来(div coming down while refreshing the page)

div在刷新页面时下来(div coming down while refreshing the page)

 我想为Android创造一个每秒刷新的页面。 所有的东西都运行良好，但是当你点击预留按钮时，我在这个页面上面临的问题，然后整个div下来，留下一个小空间，但在下一次刷新后，它就会变好。 我试过没有div但它不工作这里是代码  
<!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">
<?php
Header('Refresh:2;url=http://medical.gofreeserve.com/and/checkm.php');
?>
<head>

<style type="text/css">
<!--
.style2 {color: #FFFFFF}
-->
</style>
</head>

<body  bgcolor="#000000">

<?php 

include("../common/connection.php");

?>



<?php   


if(isset($_GET['reserve']))
{
 echo $sql = "UPDATE    newsevents SET booking ='1'  WHERE news_id='$_GET[val]'";
 $query = mysql_query($sql) or die(mysql_error());  
 }







$new_query=mysql_query("select * from newsevents where booking=0") or die(mysql_error());
while($row=mysql_fetch_array($new_query))
{
$id=$row['news_id'];
$date=$row['date'];
$news_text=$row['text'];



?> 



<div style="border-bottom:2px solid #FFFFFF" >
<form name="fm1" action="checkm.php"  method="get">
<table width="95%">



<tr>
<td width="60%" height="50" ><span class="style2"><?php echo $date ?></span></td>
<td width="40%"><span class="style2"><?php echo $news_text ?></span></td>
<td width="40%"><span class="style2"><input type="hidden" name="val" value="<?php echo $id?>" / ></span></td>
<td width="30%"><input type="submit"  name="reserve" id="reserve"  value="reserve"  /></td>

</tr>


</table>

</form>
</div>







<?php }?>



</body>
</html>

I want to make a page for android which is refreshing in every sec . All things are working well but the problem i am facing on this page when you click on the reserve button then entire div come down and leave a small space above but after next refresh it becomes ok . I have tried without div but its not working Here is the 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">
<?php
Header('Refresh:2;url=http://medical.gofreeserve.com/and/checkm.php');
?>
<head>

<style type="text/css">
<!--
.style2 {color: #FFFFFF}
-->
</style>
</head>

<body  bgcolor="#000000">

<?php 

include("../common/connection.php");

?>



<?php   


if(isset($_GET['reserve']))
{
 echo $sql = "UPDATE    newsevents SET booking ='1'  WHERE news_id='$_GET[val]'";
 $query = mysql_query($sql) or die(mysql_error());  
 }







$new_query=mysql_query("select * from newsevents where booking=0") or die(mysql_error());
while($row=mysql_fetch_array($new_query))
{
$id=$row['news_id'];
$date=$row['date'];
$news_text=$row['text'];



?> 



<div style="border-bottom:2px solid #FFFFFF" >
<form name="fm1" action="checkm.php"  method="get">
<table width="95%">



<tr>
<td width="60%" height="50" ><span class="style2"><?php echo $date ?></span></td>
<td width="40%"><span class="style2"><?php echo $news_text ?></span></td>
<td width="40%"><span class="style2"><input type="hidden" name="val" value="<?php echo $id?>" / ></span></td>
<td width="30%"><input type="submit"  name="reserve" id="reserve"  value="reserve"  /></td>

</tr>


</table>

</form>
</div>







<?php }?>



</body>
</html>

原文：https://stackoverflow.com/questions/6373416

更新时间：2022-07-21 11:07

最满意答案

 如果绝对位置没问题，你可以用它来说left:200px; right:0 left:200px; right:0并获得您需要的所有空间  
 小提琴： http ： //jsfiddle.net/h2udmqhn/  
 
  
  .main {
  position: relative;
  height: 300px;
  width: 300px;
  border: 1px solid black;
}
.sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: red;
}
.content {
  position: absolute;
  top: 0;
  left: 200px;
  right: 0;
  height: 200px;
  background: blue;
} 
  <div class="main">
  <div class="sidebar"></div>
  <div class="content"></div>
</div> 
  
 

if absolute position is ok, you can use it to say left:200px; right:0 and get all the space you need 
fiddle : http://jsfiddle.net/h2udmqhn/  
 
  
  .main {
  position: relative;
  height: 300px;
  width: 300px;
  border: 1px solid black;
}
.sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 200px;
  background: red;
}
.content {
  position: absolute;
  top: 0;
  left: 200px;
  right: 0;
  height: 200px;
  background: blue;
} 
  <div class="main">
  <div class="sidebar"></div>
  <div class="content"></div>
</div>

HTML / CSS下拉菜单宽度。(HTML/CSS Dropdown menu width. Help, please)[2022-02-04]

您的问题是由几个选择器“级联”到弹出菜单中的项目引起的。 #menuLeft li a在顶部导航中的锚标记上设置110px的宽度。它还具有在弹出菜单中选择锚标签，将其宽度限制为110px并强制其文本换行的副作用。 #menuLeft li列表项浮动到左侧，这使它们“捕捉”到顶级导航锚标签的110px宽度，这会使您的弹出窗口变窄。您可以使用以下内容覆盖该样式： #menuLeft li ul a { white-space: nowrap; /* Force links not to wrap ...

两个div并排，第一个是流体在右边，第二个是固定宽度在左边(Two divs side-by-side, 1st is fluid on the right, 2nd is fixed-width on the left)[2022-11-01]

有很多方法可以做到这一点。最好将两个div放在容器中，即使设置为width: 100% 。

div在刷新页面时下来(div coming down while refreshing the page)

最满意答案

相关问答

为什么带“display：flex”和“position：fixed”的div不占用全部可用宽度？(Why does div with “display: flex” and “position: fixed” doesn't occupy the full available width?)[2022-01-01]

CSS：在具有固定宽度的div中将背景应用于全宽(CSS : Apply background to full width in a div with a fixed width)[2022-04-04]

第一个div固定，第二个全宽。(First div fixed, second full width. Cant change structure of html)[2023-07-09]

两个div并排，一个用谷歌地图，第二个用固定宽度(Two divs side by side, one with google map and second with fixed width)[2023-11-09]

具有全宽页脚的固定宽度布局(Fixed-width layout with full-width footer)[2021-07-05]

3个div，一个固定宽度(3 div , one fixed width)[2022-07-15]

HTML并排div，而一个具有固定宽度，第二个适合剩余空间(HTML side by side divs, while one has fixed width and the second one fits remaining space)[2023-10-17]

容器固定宽度。(Container fix width. Center div dynamic width. want left right divs to fill out remaining width equally)[2023-08-27]

HTML / CSS下拉菜单宽度。(HTML/CSS Dropdown menu width. Help, please)[2022-02-04]

两个div并排，第一个是流体在右边，第二个是固定宽度在左边(Two divs side-by-side, 1st is fluid on the right, 2nd is fixed-width on the left)[2022-11-01]