Зафиксировать высоту столбцов в CSS

Question

У меня есть следующий источника 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> 

problm, что я получил этот результат, а некоторые содержания 'on' другого контента (есть PrintScreen) Мой вопрос, почему и как я могу это исправить? .! желание помочь, спасибо [введите описание изображения здесь] [1]

Answer 1

Добавить CSS

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

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

и использовать DIV, как это в HTML

<div id="image">?????? <%=images %><p></p></div> 
<div id="result">??? : <%=result2%><p></p></div> 

Answer 2

Попробуйте CSS -

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

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