Ты тут покажи код, на форуме, который формирует эти блоки. Потому что очень мало кто полезет разбираться, что там у тебя и где написано. Если же покажешь код (HTML+CSS), то вероятность полезного ответа увеличивается очень сильно

Стили к див блокам контента.

.collection_badges_main { 
/* Главный div страницы, разделяет значки горизонтально */
     width: 28.6%; 
     float: left;     
     background-color: #FFFFFFF;   
     padding: 12px;   
     right: -3%;  
     position: relative;   
}

.collection_badges_border { 
/* Главная таблица значков */
     border: 1px solid #DBDBDB;    
     height: 200px;   
}

.collection_badges_title { 
/* Названия значков */
     border-bottom: 1px #CCCCCC dashed;  
     padding-top: 10px;       
     margin-bottom: 5px;   
     font-weight: bold;      
     font-style: italic;    
     font-size: 11px;    
     min-height: 30px;     
     text-align: center;   
     background-color: #E0E0E2; 
}

.collection_badges_info {
/* Блоки информации значков */
     font-size: 10px;     
     margin-top: 5px;       
     margin-left: 80px;    
     margin-right: 4px;         
     margin-bottom: 10px;      
     border-bottom: 1px dashed #CCCCCC;   
     padding-bottom : 5px;       
}

.collection_badges_img { 
/* Стиль картинки к значкам */
     margin: 3px;     /* Внешний Отступ */
}

.collection_badges_text { 
/* Текстовое описание значков */
     font-size: 10px;  /* Размер текста */
     margin: 0;       /* Внешний отступ */
}

.collection_badges_date { 
/* Названия значков */
     padding: 5px;            
     font-size: 10px;          
     min-height: 50px;           
     text-align: left;   
     background-color: #E0E0E2; 
}

Стили к правому и левому меню

#colTwo {

     font-size: 11.1px;
     margin: 5px;
/* Стиль для левых блоков */
     padding: 10px;          
     margin-top: 20px;
     background-color: #FFFFFF; 

/* Округления рамок */
     border: 1px solid #DBDBDB; 
     border-radius: 10px;          
     -webkit-border-radius: 10px;   
     -moz-border-radius: 10px;    
     -khtml-border-radius: 10px;  
     
     /* Лечим IE 6,7,8,9  */
     behavior: url(./skins/images/PIE.htc); 
     position: relative; 
}

#colTwo ul {
     margin: 0;
     padding: 0;
     list-style: none;
}

#colTwo li {
     margin-bottom: 1em;
     color: #000000;
}

#colTwo li li {
     margin-bottom: 0;
     padding-left: 1em;
}

#colTwo h1, #colTwo h2 {
     background: url(../images/img2.gif) no-repeat;
     padding: 0px 0 5px 20px;
     text-transform: uppercase;
     font: 12px Tahoma, Arial, Helvetica, sans-serif;
     font-weight: bold; 
     border-bottom: 1px dashed #666666;
     margin-bottom: 10px;
     color: #000000;
}

Сам контент с float: left (блоками идущими в ряд горизонтально)

<div class="collection_badges_main">



     <div class="collection_badges_border">

    

<div class="collection_badges_title"> </div>

        

         <img class="collection_badges_img"

         width="70" height="60"

         src=""

         alt="" 

         title=""

         border="1" align="left"  />   

        

<div class="collection_badges_info"> <b> <center> Описание ↓ </center> </b> </div> 



<div class="collection_badges_text">  </div> 

        

    </div>

     

<div class="collection_badges_date"> 

<b> Добавлен: </b> 26.02.2012, 16:19 <br>

<b> Номер значка: </b> 18 <br>

<b> Размеры: </b>  <br>

</div>

    

</div>

И еще вопрос. Браузер какой у тебя?

Я попробовал в Опере и 8-м ИЕ - вроде как нормально обе ссылки показываются. Не видно никакого наезжания ДИВов.
Сделай еще картинку с экрана, покажи ту часть, которая тебе не нравится. Иначе просто не понятно, что же именно плохо.

Слил себе и локально смотрю и удевляюсь, ты там таких выкрутасов с процентным соотношением накрутил и зачем понять не могу.
Подвал прыгавет на верх при отсутствии заполненого блока страницы.
Не..,. всё в топку и переверсать, изначально намудрил с конструкцией.
Если тебе нравится оставляй, но я бы забраковал сразу такую работу.

Привет! Ты все на дивы переделал?
А не попадал на этот сайт htmlbook.ru
Твой вариант 2-й или 4-й получается, я год назад покупал книгу этого автора по верстке, всю прочитал на два раза, могу посоветовать даже не покупать книгу, а почитать хорошенько про макеты и позиционирование.
Мне нет времени сейчас помочь, скажу самое гланое, прям попробуй с этого сайта верстать макеты (попрактикуйся, это недолго, вдруг осенит - как все просто оказывается) и разобраться с позиционированием - это самое главное в верстке, и все пойдет у тебя как по маслу
Я в декабре сверстал сайт с первого раза так, что даже в IE-6 все четко и корректно отображалось, и на Android, вот так я научился по этому сайту верстать (может для кого-то это смех, но для меня это результат)

Что бы не плыло я делал так:

div1(фиксированной ширины) | div2 (резиновый) | div3 (фиксированной ширины)

<div id="div1" style="float: left;"></div>
<div id="div3"></div>
<div id="div2" style="float: right;"></div>
<div style="clear: both;"></div>

Сразу код работать не будет, пока не задашь размеры блоков.
Как ни странно, блоки в коде идут в порядке 1-3-2, а отображаются 1-2-3 :)

В % я ничего не задаю уже пару лет.

#div1{ height: 100px; width: 300px;} 
#div2{ height: 100px; width: auto;} 
#div3{ height: 100px; width: 300px;} 

akuchkovsky
Привет! Да все в дивах сделал, примерно поняв как строить каркас сайта через дивы, я забыл что такое таблицы За сайт спасибо, попадал на него, с работы приду, почитаю эту статью, её я не видел...

ADiel
Спасибо! Я примерно так делал уже, задавал крайние блоки фиксированной ширина, центр с контентом резиновый, но у меня сами блоки в контенте, которые я с помощью float: left x% разбил на горизонтальный вид. Опробую твой пример!