Растягивающееся горизональное меню

Rendom · September 12, 2007

Как сделать растягивающееся на 100% в ширь меню. Так что-бы внутрение элементы тоже растянулись на всю ширь. То есть если внутри четыре пункта то каждый из них взял на себя 25%.

Fed · September 12, 2007

для всего меню прописать width="100%" а для кусков width="25%".

Это если внутри самого кода.а если через css,то

всему меню присваиваете

class="myclass1"

,а элементам

class="myclass2"

.Итого

.myclass1
{
width:100%;
}

.myclass2
{
width:25%;
}

Tokolist · September 12, 2007

усложняем задачу (-:

пунктов меню шесть

100 / 6 ~= 16.66

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body, #menu {
  margin: 0;
  padding: 0;
}

body {
  background: #0f0;
}

#menu {
  list-style-type: none;
}

#menu li {
  float: left;
  background: #f00;
  height: 70px;
  text-align: center;
  width: 16.66%;
  padding-top: 50px;
  color: white;
}
</style>
</head>
<body>
<ul id="menu">
 <li>item 1</li>
 <li>item 2</li>
 <li>item 3</li>
 <li>item 4</li>
 <li>item 5</li>
 <li>item 6</li>
</ul>
</body>
</html>

1. смотрим в ФФ -- с этим можно смирится (если дизайн не сложный)

2. смотрим в ИЕ и изменяем размеры окна -- о ужас! но это можно исправить

3. смотрим в Опере -- вешаемся (-:

musulman · September 13, 2007

А если мы не знаеМ СКОЛЬКО У НАС ячеек? короче а если так сделать про центрировать просто и width:100%;

Fed · September 13, 2007

Tokolist

ну не надо утрировать для 4 колонок очень действенно

Tokolist · September 13, 2007

А если мы не знаеМ СКОЛЬКО У НАС ячеек?

не вижу никаких проблем...

короче а если так сделать про центрировать просто и width:100%;

как Вы это представляете. хочется увидеть код (-:

Tokolist
ну не надо утрировать для 4 колонок очень действенно

т.е., если пунктов шесть, я должен использовать таблицу? (-:

Sign In

Растягивающееся горизональное меню

Question

Rendom

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Fed

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

musulman

Link to comment

Share on other sites

Fed

Link to comment

Share on other sites

Tokolist

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information