0

float css に問題があります。低解像度では完璧ですが、高解像度では壊れています。左と右の 2 つの列があり、それぞれが float:left と float:right です。低解像度で実行すると、完璧な表示になります。このような：

ここに画像の説明を入力

しかし、高解像度で実行すると、次のようになります。

ここに画像の説明を入力

ここにいくつかのコードがあります: index.php

<body>
    <div id="Content">
        <div id="top-left">
            <div class="floatLeft" style="padding-top:34px">
                <hr align="left" class="line1">
                <div id="language">
                    <?php
                        include("include/language.php");
                    ?>
                </div>
                <div class="clearBoth"></div>
            </div>
            <div class="imageIndex"><img src="images/coba.jpg"></div>
            <div class="clearBoth"></div>
        </div>

        <div id="top-right">
            <div id="csStatus" style="margin-left:-17px">
                <?php
                    include("include/status.php");
                ?>
            </div>
            <div style="height:75px">
                <?php
                    include("include/marketing.php");
                ?>
            </div>

            <div id="captionSlide">

            </div>
            <div class="floatLeft" style="padding-top:113px"><hr class="line2"></div>
        </div>
        <div class="clearBoth"></div>

        <div class="floatLeft" style="margin-left:87px;margin-top:-110px;">
            <img src="images/side.png">
        </div>
        <div id="contentTop">
            <div id="logo">
                <?php
                    include("include/logo.php");
                ?>
            </div>
            <div class="floatLeft" style="margin-left:54px"><img src="images/ctr.png"></div>
            <table id="search">
                <?php
                    include("include/search.php");
                ?>
            </table>
            <br>

            <div id="menuLeft">
                <?php
                    include("include/menu-left.php");
                ?>
            </div>
            <div id="menuRight">
                <?php
                    include("include/menu-right.php");
                ?>
            </div>
            <br><br><br><br>

            <div id="contentWeb">
                <div id="contentLeft" style="float:left;">
                    <table id="leftTable">
                        <tr>
                            <td style="width:195px">
                                <div id="stockist">
                                    PROJECT<br>
                                    <img src="images/stockist.jpg" class="imageBorder">
                                </div>
                            </td>
                            <td style="width:230px;vertical-align:top;">
                                <span id="agenda">
                                    AGENDA
                                </span><br><br>

                            </td>
                        </tr>
                    </table>
                </div>
                <div id="contentRight" style="float:right;">
                    <table id="rightTable">
                        <tr>
                            <td style="width:230px;vertical-align:top;">
                                <span id="latestProduct">
                                    LATEST PRODUCT
                                </span><br><br>
                                <table>

                                </table>
                            </td>
                        </tr>
                    </table>
                </div>  
            </div>
        </div>
        <div class="clearBoth"></div>
        <div id="Footer">
            <div id="contentFooter">
                PT. TANGGA MAS JAYA MAKMUR scaffolding | Published by. BixelLite &copy; 2012
            </div>
        </div>
    </div>
</body>

そしてここにいくつかのcssがあります：

#Content {
margin:0px auto;}

.floatLeft{
float:left;}

#top-left{
float:left;}

#top-right{
float:right;}

#Footer{
background-color:#90bc21;
width:546px;
height:39px;
text-align:right;}

それを修正する方法はありますか？

どうもありがとうございました。

4

1 に答える 1

0

コンテンツに幅を設定するだけで、すべてを一貫して同じ幅に保つことができます

Torr3ntに感謝

于 2012-08-04T08:42:13.353 に答える