当前位置：首页 → 问答吧 → 网页面板移位

网页面板移位

时间：2014-07-10

来源：互联网

php整的
想问有冇人知点解系其他板会,成板会移位?
e.g. index.php 转去brand.php
一SET一样的
但内面d图唔同,成个板向左/向右移左小小
但我margin 已set: margin: auto;

如图所示,index.php 同brand.php 出来既位唔同左小小,会移右小小位

我用左div & table function去整..但点解会影响个面板?

MY CSS

img{
border-style: none;
}

#whole_page {
width:950px;
margin: auto;
}

#top_header{
width:950;
margin: auto;
}

#main_section{
margin: auto;
width:950px;
}

#brandlogo {
width:950px;
}

index.php brand.php

同

唔该晒

作者: 天蓝星发布时间: 2014-07-10

目前未明你问题也没有足够源码让我了解
有劳提供完整源码.

作者: DevMark 发布时间: 2014-07-10

My css:
ul {
padding:0;
margin:auto;
list-style:none;
}

img{
border-style: none;
}

#whole_page {
width:950px;
margin: auto;
}

#top_header{
width:950;
margin: auto;
}

#main_section{
margin: auto;
width:950px;
}

#brandlogo {
width:950px;
}

.brands{
width:950px;
}

index.php:
<section id="main_section">
<img src="images/4.png" width="100%"> </div> <div class="news"> <table> <td valign="top" style="padding-left: 20px;"> <img src="images/5.png" width="188.5" height="66.5" > <img src="images/6.png" width="450" height="180" > </div> </td> </tr> </table>

</section>

brand.php

<section id="main_section">
<div id="brandlogo"> <img src="images/banner.png" width="100%"> </div>
<div class="brands"> <center><img src="images/up.png" width="50%"> </center> </div>

head.php:

<head> <meta http-equiv="Content-Type" c /> <title>xxx</title> <link rel="stylesheet" href="css/main.css" /> <script src="js/main.js"></script> </head>

header.php

<header id="top_header"> <div class="top"> <table class="nospace" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" width="50%"> <a href="index.php"><img src="images/1.png" width="200" height="50" ></a> <br> </td>
<td width="50%"> <a href="index.php" title="Home"> <img src="images/2.png" width="100" height="60" </td> </tr> </table> </div>

我想知自动置中,手机DISPLAY先会fit,唔靠padding来整~THANKS~

[ 本帖最后由天蓝星於 2014-6-9 09:48 PM 编辑 ]

作者: 天蓝星发布时间: 2014-07-10

抱歉.你目前想将index.php 做到跟 brand.php一样. 都是对齐?

作者: DevMark 发布时间: 2014-07-10

引用:原帖由 DevMark 於 2014-6-10 06:44 PM 发表
抱歉.你目前想将index.php 做到跟 brand.php一样. 都是对齐?

我想做到正常情况...但不知为何变成这样..不是每个版(.php)都一样,不同版有不同效果..
我只想做到正常情况...对齐

[ 本帖最后由天蓝星於 2014-6-11 11:52 PM 编辑 ]

作者: 天蓝星发布时间: 2014-07-10

引用:原帖由天蓝星於 2014-6-11 11:49 PM 发表我想做到正常情况...但不知为何变成这样..不是每个版(.php)都一样,不同版有不同效果..我只想做到正常情况...对齐http://i60.tinypic.com/xfnwh1.png

body个啲css系咪一样?
试下用Firefox既fire bug check下css,方便好多

作者: walman 发布时间: 2014-07-10

抱歉.我目前放你程式码测试.
INDEX以及BRAND 都为同一位置上. 并无移位情况

作者: DevMark 发布时间: 2014-07-10

引用:原帖由 walman 於 2014-6-12 08:23 AM 发表

body个啲css系咪一样?
试下用Firefox既fire bug check下css,方便好多

有冇其他软件可以CHECK到BUG?唔系好钟意好firefox,好慢= =

作者: 天蓝星发布时间: 2014-07-10

引用:原帖由 DevMark 於 2014-6-12 10:04 AM 发表
抱歉.我目前放你程式码测试.
INDEX以及BRAND 都为同一位置上. 并无移位情况

会唔会系d图会影响?
我自己都用删减法去test,test唔出- -..

作者: 天蓝星发布时间: 2014-07-10

引用:原帖由天蓝星於 2014-6-12 10:26 PM 发表有冇其他软件可以CHECK到BUG?唔系好钟意好firefox,好慢= =

Firefox都慢?firebug real time系browser度check css都用左好多年囉，可能有其他更好方法但少掂

甘body css有冇问题?

作者: walman 发布时间: 2014-07-10

引用:原帖由 walman 於 2014-6-14 03:47 AM 发表

Firefox都慢?firebug real time系browser度check css都用左好多年囉，可能有其他更好方法但少掂

甘body css有冇问题?

i mean 个浏览器, google chrome快好多

唔该晒, 个ADDONS几用,但CHECK唔出问题...
我发现样野,我就开浏览系会移位,但我一禁inspect element果阵来浏览,就冇事...
body css我加左,都冇影响~

[ 本帖最后由天蓝星於 2014-6-15 04:04 PM 编辑 ]

作者: 天蓝星发布时间: 2014-07-10

引用:原帖由 walman 於 2014-6-14 03:47 AM 发表

Firefox都慢?firebug real time系browser度check css都用左好多年囉，可能有其他更好方法但少掂

甘body css有冇问题?

感谢大大!!我搵到原因了..

原来要转notepad++既encoding to encode in UTF-8 without BOM..
我之前用紧UTF-8...

虽然我唔知有咩分别..但算解决到..

非常感谢!!!

作者: 天蓝星发布时间: 2014-07-10

引用:原帖由天蓝星於 2014-6-15 04:40 PM 发表

感谢大大!!我搵到原因了..

原来要转notepad++既encoding to encode in UTF-8 without BOM..
我之前用紧UTF-8...

虽然我唔知有咩分别..但算解决到..

非常感谢!!!

唔好甘讲...都唔算帮到d咩，最终你唔肯睇code都解决唔到个问题

如果系encoding to encode in UTF-8 without BOM既问题应该系字元令browser读取时出现问题

chrome唔系唔好，但如果做desktop website应该注意各browser共溶版面问题喔，有时小弟用fire bug check完css后去到ie都系走位，有d javascript chrome冇事但ie出事....系几烦架