frD-Помогите с версткой 2-х колонок (без absolute)

Alexxx2783 · June 27, 2007

Встала задача сверстать на первый взгляд простенький шаблон:

- Справа блок фиксированной ширины 200px, остальное тянется

- Красным меню, котороне не должно переноситься

- черными линиями - основной текст, который обтекает блок

Emm · June 27, 2007

Вы деньги - мы шаблон.

После обеда деньги - вечером шаблон.

Вечером деньги - утром шаблон.

Утром деньги - в обед шаблон...

NikuZ · June 27, 2007

3 WMZ через 20 минут здам

isq 208896829

Emm · June 27, 2007

Угу

Evgeny · June 27, 2007

To Alexxx2783: Действительно, люди прально обижаются, Здесь безплатно за вас работу никто выполнять не будет. Одно дело если вы пытаетесь и у вас что-то не получается и помочь подсказкой как правильно, а другое дело зделать за вас...

Как-то это уже через-чур

Scrum · June 27, 2007

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
 <title></title>
 <style type="text/css">
 /*<![CDATA[*/
 #carrier {
 float: left;
 width: 100%;
 background-color: #404040;
 }
 #right_block {
 width: 200px;
 float: right;
 height: 100px;
 background-color: silver;
 margin: 10px;
 }
 #menu {
 margin-right: 230px;
 margin-top: 10px;
 padding-left: 10px;
 background-color: #606060;
 height: 40px;
 }
 #menu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;

 }
 #menu li {
 float: left;
 display: block;
 background-color: #A0A0A0;
 padding: 10px 30px;
 text-align: center;
 border-right: 1px solid silver;
 }
 #menu ul li a {
 color: silver;
 font-family: tahoma;
 text-decoration: none;
 font-size: 79%;
 }
 #menu ul li a:hover {
 color: white;
 }
 #text {
 margin: 10px;
 font-family: tahoma;
 font-size: 79%;
 color: #C8C8C8;

 }
 10px;

 /*]]>*/
 </style>
</head>

<body>
<div id="carrier">
<div id="right_block">

</div>
<div id="menu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
<div id="text">
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
Встала задача сверстать на первый взгляд простенький шаблон:
- Справа блок фиксированной ширины 200px, остальное тянется
- Красным меню, котороне не должно переноситься
- черными линиями - основной текст, который обтекает блок
</div>
</div>
</body>

</html>

Sign In

frD-Помогите с версткой 2-х колонок (без absolute)

Question

Alexxx2783

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Emm

Link to comment

Share on other sites

NikuZ

Link to comment

Share on other sites

Emm

Link to comment

Share on other sites

Evgeny

Link to comment

Share on other sites

Scrum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information