2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива.
3. Оранжевый и зеленый дивы прибиты к левому краю синего дива.
На таблицах это сверстать очень просто, код будет выглядеть примерно так:
<center> <table> <tr><td height="200px">Это зеленый блок</td></tr> <tr><td height="100px">Это оранжевый блок, его ширина и ширина всей таблицы будет зависеть от ширины контента, расположенного в этом блоке</td></tr> </table> </center>
А как нужный кроссбраузерный результат получить с помощью верстки на дивах?
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Качан Капусты
Помогите, пожалуйста, сверстать такой макет:
Условия такие:
1. Синий слой находится по центру экрана.
2. В оранжевом диве находится контент, ширина которого заранее неизвестна. Ширина оранжевого дива равна ширине контента в нем расположенного. Ширина синего и зеленого дива равна ширине оранжевого дива.
3. Оранжевый и зеленый дивы прибиты к левому краю синего дива.
На таблицах это сверстать очень просто, код будет выглядеть примерно так:
А как нужный кроссбраузерный результат получить с помощью верстки на дивах?
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.