@RedSs

Сбивается высота блоков при вставке 3?

Проблема в том что когда вставляешь класс C блоки "L" и "R" перестают быть равными по высоте как решить данную проблему
.blok {
position:relative;
width:80%;
right:5%;
left:5%;
padding:1em;
margin:2em 10px 4em;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
height:auto;
}
.blok>.L{width:50%;float: left;}
.blok>.R{float:right;width:50%;}
.blok>.R>.w+.w{margin-top:16px;}
.blok>.L>.w+.w{margin-top:16px;}
.blok>.C{width:100%;}
 
 
 
.blok:before,
.blok:after {
content:"";
position:absolute;
z-index:-2;
}
 
.blok p {
font-weight:bold;
}

<div class="blok">
      <h1 align="center" class="стиль17 стиль18">Наше меню:</h1>
      <p align="center" class="стиль17">&nbsp;</p>
      <div class="R">
        <table width="100%"  border="0"  >
          <tr>
            <td width="auto"><p align="left" class="стиль15">Лапша с бульоном + овощи</p></td>
            <td width="auto">&nbsp;</td>
            <td width="auto"><p class="стиль15">= 140 <u>Р</u>.</p></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><p align="center" class="стиль15">+ курица </p>
                <p align="center" class="стиль15">+ индейка </p>
              <p align="center" class="стиль15">+ свинина </p>
              <p align="center" class="стиль15">+ говядина</p>
              <p align="center" class="стиль15">+ креветки</p></td>
            <td><p class="стиль15">= 190 <u>Р</u>.</p>
                <p class="стиль15">= 215 <u>Р</u>.</p>
              <p class="стиль15">= 225 <u>Р</u>.</p>
              <p class="стиль15">= 240 <u>Р</u>.</p>
              <p class="стиль15">= 340 <u>Р</u>.</p></td>
          </tr>
        </table>
      </div>
      <div class="L">
        <table width="100%" border="0"  >
          <tr>
            <td width="auto"><p align="left" class="стиль15">Жареная лапша + овощи + соус </p></td>
            <td width="auto"><p align="center">&nbsp;</p></td>
            <td width="auto"><p class="стиль15">= 190 <u>Р</u>.</p></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><p align="center" class="стиль15">+ грибы (30гр)</p>
                <p align="center" class="стиль15">+ курица (60гр) </p>
              <p align="center" class="стиль15">+ индейка (60гр)</p>
              <p align="center" class="стиль15">+ свинина (60гр)</p>
              <p align="center" class="стиль15">+ говядина (60гр)</p>
              <p align="center" class="стиль15">+ морепродукты (60гр)</p>
              <p align="center" class="стиль15">+ креветки (60гр)</p>
              <p align="center" class="стиль15">+ кальмары (с омлетом)</p>
              <p align="center" class="стиль15">пад-тай с курицей </p>
              <p align="center" class="стиль15">пад-тай с креветками </p></td>
            <td><p class="стиль15">= 220 <u>Р</u>.</p>
                <p class="стиль15">= 245 <u>Р</u>.</p>
              <p class="стиль15">= 265 <u>Р</u>.</p>
              <p class="стиль15">= 275 <u>Р</u>.</p>
              <p class="стиль15">= 290 <u>Р</u>.</p>
              <p class="стиль15">= 345 <u>Р</u>.</p>
              <p class="стиль15">= 390 <u>Р</u>.</p>
              <p class="стиль15"> = 295 <u>Р</u>.</p>
              <p class="стиль15">= 330 <u>Р</u>.</p>
              <p class="стиль15">= 450 <u>Р</u>.</p></td>
          </tr>
        </table>
        <p>&nbsp;</p>
      </div>
      <div class="C">
        <p align="center" class="стиль15">Соусы : соевый , терияки , кисло-сладкий , кисло-острый , устричный , острый , соевый . </p>
 
        <p align="left" class="стиль16">&nbsp;</p>
        <p align="left" class="стиль16 стиль15">Готовим ПАД - ТАЙ ! 500гр</p>
        <p align="left" class="стиль15">Кисло - сладко - острый вкус . Состав : широкая лапша + курица или креветки ; овощи , орехи , ананас , яйца , </p>
      </div>
    </div>
  • Вопрос задан
  • 188 просмотров
Пригласить эксперта
Ответы на вопрос 1
27cm
@27cm
TODO: Написать статус
Жесть какая-то: атрибуты align, классы на русском и транслитом, табличная вёрстка. Последние 15 лет развития вёрстки прошли мимо вас.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект
22 нояб. 2024, в 23:55
3000 руб./за проект