PHP表單輸出CSS網頁中問題

edited 三月 2015 in PHP新手區
大家好
小弟最近學習中出現了個小問題
把程式碼與css網頁結合時
輸出結果的位置都很奇怪
都在網頁的最底層(在footer的下面)

小弟寫的程式是從資料庫撈資料輸出表單




以下是body內的內容 謝謝各位
麻煩各位大大指點了


<div id=\"wrap\">
<div id=\"header\">
<div class=\"headLogo\"><a href=\"index.php\">
<img src=\"images/match_logo.png\" alt=\"有限公司\" name=\"Match_Logo\" width=\"230\" title=\"有限公司\" /></a>
</div>

<div id=\"menu\">
<ul>
<li> <a href=\"about.php\">關於我們</a>
<!--
<ul>
<li><a href=\"#\">Apple</a></li>
<li><a href=\"#\">Banana</a></li>
<li><a href=\"#\">Cherry</a></li>
<li><a href=\"#\">Orange</a></li>
</ul>
-->
</li>

<li> <a href=\"test.php\">最新消息</a>
<!--
<ul>
<li><a href=\"#Broccoli\">Broccoli</a></li>
<li><a href=\"#Cabbage\">Cabbage</a></li>
<li><a href=\"#Peas\">Peas</a></li>
<li><a href=\"#Onion\">Onion</a></li>
</ul>
-->
</li>

<li> <a href=\"pro_01.php\">商品介紹</a>
<!--
<ul>
<li> <a href=\"#White_Meat\">White Meat</a>
<ul>
<li><a href=\"#Chicken\">Chicken</a></li>
<li><a href=\"#Duck\">Duck</a></li>
<li><a href=\"#Fish\">Fish</a></li>
</ul>
</li>

<li> <a href=\"#Red_Meat\">Red Meat</a>
<ul>
<li><a href=\"#Beef\">Beef</a></li>
<li><a href=\"#Pork\">Pork</a></li>
</ul>
</li>
-->
</ul>
</li>
</ul>
</div><!-- end .menu -->
</div><!-- end .header -->

<div id=\"content\">
<div id=\"sidebar\">
<div class=\"pro_list\">
<ul>
<li><a href=\"pro_01.php\">銅管類</a></li>
<!--0.7住友 0.8住友 TOYO -->
<li><a href=\"pro_02.php\">電線類</a></li>
<li><a href=\"pro_03.php\">出風口類</a></li>
<!--線型活動 線型固定 -->
<li><a href=\"pro_04.php\">五金類</a></li>
<li><a href=\"pro_05.php\">伸縮軟管類</a></li>
<!--保溫 不保溫 尼龍 -->
<li><a href=\"pro_06.php\">進口空調類</a></li>
<li><a href=\"pro_07.php\">管槽類</a></li>
<li><a href=\"pro_08.php\">馬達類</a></li>
<li><a href=\"pro_09.php\">藥水類</a></li>
<li><a href=\"pro_10.php\">排水器類</a></li>
<li><a href=\"pro_11.php\">喇叭頭類</a></li>
<li><a href=\"pro_12.php\">錶組類</a></li>
<li><a href=\"pro_13.php\">冷媒類</a></li>
<li><a href=\"pro_14.php\">包材類</a></li>
<li><a href=\"pro_15.php\">風箱類</a></li>
<li><a href=\"pro_16.php\">溫控類</a></li>
</ul>
</div>
</div>
<div class=\"main-content\">
<!-- InstanceBeginEditable name=\"Content\" -->
<div class=\"site-map\"><a href=\"index.php\">首頁</a>&nbsp;>&nbsp;<a href=\"pro_01.php\">產品介紹</a>&nbsp;>&nbsp;銅管類</div>
<div style=\"border:1px solid red; word-break:break-all; word-wrap:break-word;\">
<p>
<?

echo \"<table border='1'><tr><td>商品名稱</td><td>商品介紹</td><td>商品圖片</td><td>商品規格</td><td>商品型號</td><td>商品選項</td></tr>\";

$sql=\"SELECT * FROM datagogo \";
$result = mysql_query($sql);
$per=4;
$num = mysql_num_rows($result);
$pages = ceil($num/$per);


if(!isset($_GET[\"page\"]))
{
$page=1; //設定起始頁
}
else
{

$page = intval($_GET[\"page\"]); //確認頁數只能夠是數值資料
$page = ($page > 0) ? $page : 1; //確認頁數大於零
$page = ($pages > $page) ? $page : $pages; //確認使用者沒有輸入太神奇的數字
}
$start = ($page-1)*$per; //每頁起始資料序號
$result2 = mysql_query('SELECT * FROM datagogo LIMIT ' . $start . ', ' . $per);

while($data2 = mysql_fetch_row($result2))
{

echo \"<tr><td>\".$data2[1].\"</td>
<td>\".$data2[2].\"</td>
<td><img src='./upload/\".$data2[3].\"'/></td>
<td>\".$data2[4].\"</td>
<td>\".$data2[5].\"</td>
<td><a href=delete.php?username=\".$data2[1].\">刪除</a></td>
<br>\";
}
echo \"<tr><td colspan='6'>\";
for($i=1;$i<=$pages;$i++)
{

echo '<a href=\"?page='.$i.'\">' . $i . '</a>';
}

echo \"</td></tr>\";


?>

</p>
</div>

<!-- InstanceEndEditable -->
</div>
<div class=\"clear\"></div>

</div><!-- end .content -->
<div id=\"footer\">

客服信箱:123<br />
</div><!-- end .footer -->


</div>
<!-- end .wrap -->
Sign In or Register to comment.