1

次の CSS ソースがあります。

/**Track Properties***/
#area {
    font-size: 14px;
}
conteiner {
    height:100%;

}
.track {
    position: relative;
    padding: 0px;
    margin: 0 auto;
    width: 980px;
}

.trackdetails {
    position: relative;
    top: -450px;
    float: left;
    width: 250px;
    line-height: 25px;
    border-right: 2px solid #9e9e9e;
    padding-right: 25px;
    padding-bottom: 15px;
    font-size: 14px;
    margin: 0;
    left:100px;

}


    .trackdetails #title {
        color: #3852A4;
        font-size: large;
        text-decoration: underline;
        font-family: Tahoma, Geneva, sans-serif;
        margin-bottom: 20px;
    }

    .trackdetails #content {
        z-index: 1111;
    }

#trackdescription {
    width: 550px;
    text-align: justify;
    min-height: 400px;
}



/**END**/

そして、この HTML/ASPX ソース:

 <div class="track">

        <h1><%=TrackName %></h1>

        <div class="details">
            <span id="author">מאת: <%=FullName %>,</span>
            <span id="date">פורסם בתאריך: <%=PostDate%></span>

            <div>
                <span id="area"><b>איזור: </b><%=TrackLocation %></span>
            </div>
        </div>
        <div id="trackdescription">
            <%=TrackDescription %><p></p>
        </div>

        <div class="trackdetails">
            <div id="content">
                <div id="title">פרטים נוספים</div>
                <p>
                    <b>רמת קושי:</b>  <%=DifficultLevel %>
                </p>
                <p>
                    <b>מעגלי?</b> <%=IsCircular %>
                </p>
                <p>
                    <b>מתאים למתחילים?</b>  <%=ForBeginners %>
                </p>
                <p>
                    <b>משך המסלול:</b> <%=TrackDuration %>
                </p>
                <p>
                    <b>אורך המסלול:</b> <%=TrackLength %>
                </p>
                <p>
                    <b>טיפוס מצטבר:</b> <%=OverallHeight %>
                </p>
                <p>
                    <b>עונה מומלצת:</b> <%=Season %>
                </p>
                <p>
                    <b>נקודת התחלה:</b> <%=StartPoint %>
                </p>
                <p>
                    <b>מקום חניה:</b> <%=ParkingPlace %>
                     <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %> <b>מקום חניה:</b> <%=ParkingPlace %>
                </p>
            </div>    </div>

        </div>
        תמונות <%=images %><p></p>
        מפה : <%=result2%><p></p>

問題は、この結果が得られたことと、一部のコンテンツが他のコンテンツの「上」にあることです (PrintScreen があります) 私の質問は、なぜ、どうすればこれを修正できますか? [ここに画像の説明を入力][1]

4

2 に答える 2

1

このCSSを追加

#image{width:600px;
height:50px;
float:right;}

#result{width:600px;
height:50px;
float:right;}

htmlでこのようなdivを使用します

<div id="image">?????? <%=images %><p></p></div>
<div id="result">??? : <%=result2%><p></p></div>
于 2013-03-27T16:30:36.350 に答える
1

このCSSを試してみてください -

#image{position:relative;
top:-450px;
width:1010px;
height:100px;
float:left;}

#result{position:relative;
top:-450px;
width:1010px;
height:100px;
float:left;}
于 2013-03-27T16:53:36.213 に答える