Fatal编程技术网
  • css/
  • Css 不同的浏览器意味着不同的输出

Css 不同的浏览器意味着不同的输出

css browser

Css 不同的浏览器意味着不同的输出,css,browser,Css,Browser,我的css有问题 当我在IE和Firefox上打开我的页面时，它显示如下（就像它应该显示的那样） 但当我在Safari上打开我的页面时，它显示如下： （请注意，最后两个框没有相邻浮动） 我有以下css代码： @charset“utf-8”； 身体{ 字体系列：Verdana，日内瓦，无衬线； 字体大小：12px； } #容器{ 宽度：600px； 背景：#fff； } #标题{ 高度：151px； 背景图像：url（'../img/tomat.png'）； 背景重复：无重复； 背景位置：中心

我的css有问题

当我在IE和Firefox上打开我的页面时，它显示如下（就像它应该显示的那样）

但当我在Safari上打开我的页面时，它显示如下：

（请注意，最后两个框没有相邻浮动）

我有以下css代码：

@charset“utf-8”；
身体{
字体系列：Verdana，日内瓦，无衬线；
字体大小：12px；
}
#容器{
宽度：600px；
背景：#fff；
}
#标题{
高度：151px；
背景图像：url（'../img/tomat.png'）；
背景重复：无重复；
背景位置：中心；
}
#最近的字段集{
宽度：600px；
}
#统计字段集{
宽度：600px；
}
#登录字段集{
宽度：200px；
浮动：左；
高度：150像素；
}
#nieuw字段集{
宽度：290px；
浮动：左；
高度：100px；
}
#verwijder字段集{
宽度：289px；
高度：100px；
}
标签{
宽度：50px；
浮动：左；
}
#登录标签{
宽度：200px；
浮动：左；
}
输入{
宽度：200px；
}
#nieuw按钮{
位置：相对位置；
顶部：5px；
}
#verwijder按钮{
位置：相对位置；
顶部：27px；
}
#登录按钮{
宽度：200px；
位置：相对位置；
顶部：5px；
}
#a{
位置：相对位置；
顶部：43px；
}
#钮扣{
文本对齐：居中；
}
传奇{
字体大小：粗体；
}
以及以下index.php页面：

<?php
    include_once("db.php"); 
    session_start();
    if (!isset($_SESSION['uid'])){ 
        header("location:main_login.php");
        exit();
    }
    if (!isset($_SESSION['upass'])){ 
        header("location:main_login.php");
        exit();
    }
    $sql="SELECT * FROM users WHERE Naam='".$_SESSION['uid']."' AND Wachtwoord='".$_SESSION['upass']."'";
    $result=mysql_query($sql);
    $count=mysql_num_rows($result);
    if($count < 1){
        header("location:main_login.php");
        exit();
    }

?>


<?php
    $date = date("y-m-d");
    $vandaag = mysql_query("SELECT Type, Naam, Reden, Door FROM turfjes WHERE turfjes.Datum = '" . $date . "'");
    $names = mysql_query("SELECT Naam From users");
    $names2 = mysql_query("SELECT Naam From users");
    $names3 = mysql_query("SELECT Naam From users");
?>


<!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=utf-8" />
        <title>Tomaten turfjes pagina | 258</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" media="all" /> 
        <script type="text/javascript" src="js/jquery.js"></script>
        <script>
            jQuery.noConflict();
        </script>
        <script src="js/prototype.js" type="text/javascript"> </script>
        <script src="js/scriptaculous.js" type="text/javascript"></script>
        <script src="js/script.js" type="text/javascript"> </script>
    </head>

    <body>
        <div id="container">
            <div id="header">
            </div>
            <div id="info">
                <div id="recent">               
                    <fieldset>
                        <legend>Vandaag</legend>
                        <table border="0">
                            <tr>
                            <td>Type</td>
                            <td>Naam</td>
                            <td>Reden</td>
                            <td>Door</td>
                            <?php
                                while($a = mysql_fetch_array($vandaag)){
                            ?>      <tr>
                                    <td><?php echo($a['Type']);?></td>
                                    <td><?php echo($a['Naam']);?></td>
                                    <td><?php echo($a['Reden']);?></td>
                                    <td><?php echo($a['Door']);?></td>
                                    </tr>
                            <?php
                                } 
                            ?>
                        </table>
                    </fieldset>
                </div>
                <div id="stats">                
                    <fieldset>
                        <legend>Turfjesteller</legend>
                        <table border="0">
                            <tr>
                            <td>Naam</td>
                            <td>Aantal</td>
                            <td>Gedaan</td>
                            <td>Resterend</td>
                            </tr>
                            <?php
                                while($r = mysql_fetch_array($names)){
                                echo("<tr id=".$r['Naam'].">");
                            ?>
                                    <td><?php echo($r['Naam']);?></td>
                            <?php 
                                        $sql="SELECT * FROM turfjes WHERE Naam='".$r['Naam']."' AND Type='Adtje'";
                                        $result=mysql_query($sql);
                                        $count=mysql_num_rows($result); //count = adtjes
                                        $sql2="SELECT * FROM turfjes WHERE Naam='".$r['Naam']."' AND Type='Turfje'";
                                        $result2=mysql_query($sql2);
                                        $count2=mysql_num_rows($result2); //count2 = turfje     
                            ?>
                                    <td><?php echo($count2);?></td>
                                    <td><?php echo($count);?></td>
                                    <td><?php echo($count2-$count);?></td>
                                    </tr>
                            <?php 
                                }
                            ?>
                        </table>
                    </fieldset>
                </div>
            </div>
            <div id="actie">
                <div id="nieuw">
                    <fieldset>
                    <legend>Nieuwe turfjes</legend>
                        <label>Naam</label>
                        <select id = "naamnieuw">
                            <option value="" selected></option> 
                            <?php
                                while($r = mysql_fetch_array($names2)){
                                    echo("<option value='".$r['Naam']."'>".$r['Naam']."</option>");
                                }
                            ?>
                        </select>
                        <br>
                        <label>Reden</label> <input type="text" name="redennieuw" id="redennieuw"/>  <br>
                        <label>Door</label> <input type="text" name="door" id="door" disabled="disabled" value =<?php echo($_SESSION['uid']) ?>> <br>
                        <div id = "buttonz"><button type="button" id="submitnieuw">Turfje uitdelen</button></div>
                    </fieldset>
                </div>
                <div id="verwijder">
                    <fieldset>
                    <legend>Verwijderen turfjes</legend>
                        <label>Naam</label>                     
                        <select id = "naamverwijder">
                            <option value="" selected></option> 
                            <?php
                                while($r = mysql_fetch_array($names3)){
                                    echo("<option value='".$r['Naam']."'>".$r['Naam']."</option>");
                                }
                            ?>
                        </select>
                        <br>
                        <label>Door</label> <input type="text" name="door" id="door2" disabled="disabled" value =<?php echo($_SESSION['uid']) ?>> <br>
                        <div id = "buttonz"><button type="button" id="submitdelete">Turfje verwijderen</button></div>
                    </fieldset>
                </div>
                <form name="logout" method="post" action="logout.php">
                <div id = "buttonz"><input type="submit" name="logout" value="Log uit"></div>
                </form>
            </div>
        </div>
    </body>
</html>


托马滕·吐鲁杰斯·帕吉纳| 258
jQuery.noConflict（）；
范达格
类型
纳姆
雷登
门
吹毛求疵者
纳姆
安塔尔
格达安
休息

浏览器对某些元素的填充、边距和字体大小（例如，UL上的填充或H1的大小）的默认设置略有不同

CSS重置会清除这些值，以便您可以使用自己的值


周围有很多人。我喜欢，对于HTML5还有。
请在单独的代码块中提供html。是否使用CSS重置？可能是因为webkit处理边框和边距的方式，这两个框无法相邻，因此右框被推到下一行。除非你给我们那个页面的链接，否则我不能确定。另外，使用重置CSS。我从来没有听说过任何关于重置CSS的事情，有人能进一步解释一下吗？无法链接到该页面，因为需要登录。但是我可以发布代码，我会在我的帖子中编辑。谢谢你快速准确的回复！我会调查的。我已经接受了你的回答；）