Tardpipl

МАЛЕНЬКИЙ МАКЕТИК

4 сообщения в этой теме

Не мог бы кто-нибудь пожалуйста кинуть код вот такого маленького макетика из 2-ух div блоков. Спасибо!

Безымянный.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Или так: https://jsfiddle.net/klierik/fr27qndr/

в таком случае высота колонок будет одинаковая при любом наполнении контентом

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
8 часов назад, DrimerDZ сказал:

упростил https://jsfiddle.net/t55ytomj/1/

также вариант с flexbox
https://jsfiddle.net/t55ytomj/2/

остается высоту height добавить при желании 

Изменено пользователем radioactive

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Похожие публикации

    • Автор: ErUnDAK
      Имеется вот такой код:
      <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; /* Отступы на странице */ } #sidebar { /* ПРаваЯ колонка */ float: right; /* Обтекание справа */ border: 0px solid #333; /* Параметры рамки вокруг */ width: 40%; /* Ширина колонки */ padding: 5px; /* Поля вокруг текста */ margin: 10px 10px 20px 5px; /* Значения отступов */ color: #ffffff; } h1 { font-size: 36px; /* Размер шрифта */ margin: 0; /* Убираем отступы */ color: #fc6; /* Цвет текста */ } #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -10px; } </style> </head> <body bgcolor="#001646"> <div id="header"><h1>ИС-41521</h1></div> <div id="sidebar"> <p>В США первые колледжи возникли в XVII веке (по образцу английских) как высшие учебные заведения, готовившие священнослужителей и государственных служащих. На основе наиболее крупных колледжей путём присоединения к ним медицинских, юридических, богословских школ (или факультетов) в первой половине XIX века были созданы первые университеты. В настоящее время в США «колледж» и «университет» являются взаимозаменяемыми понятиями. Оба термина означают высшее учебное заведение в котором можно получить диплом бакалавра или магистра, хотя обычно колледжи меньше по размеру[5]. В США также существуют двухгодичные колледжи, которые после обучения выдают степень кандидата в бакалавры (англ. Associate degree), сравнимую со средним профессиональным образованием в странах СНГ.</p> Это: <ul> <p><li>общественные колледжи (англ. community college);</p> <p><li>начальные колледжи (англ. junior college);</p> <p><li>технические колледжи (англ. technical college);</p> <p><li>городские колледжи (англ. city college).</p> </ul> </div> <font face='Arial'> <table width='570' cellspacing='0' border='0' cellpadding="5"> <tr height='100%'></tr> <tr bgcolor='White'> <table> <tr><td><img src='./new 1/Без имени-1.jpg' width=200px height=200px alt="*"></img></td></tr> </table> <td width='80' valign='top'> <font color="#ffffff"> <table border='5'> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Главная</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Новости</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">О группе</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Техникум</button></center></td></tr> <tr><td height='30' width='200' bgcolor='#ffffff'><center><button type="button" onclick="window.open('Реклама туров.html')">Контакты</button></center></td></tr> </table> </font> </td> <td colspan="2"><font color='Black' face='Verdana' size='2'><p align='justify'>Я устал...</p></font></td>///////////////////////// </tr> <tr height='20'> <td colspan='2' align='center' bgcolor='#103898'> <font color='#ffffff'>© Каплан Владислав(с), 2013</font></td>/////////////////////////////////////// </tr> </table> <form> </form> </font> </body> </html> Как исправить неправильное отображение, где много слешов?