Как построить центрированное меню с фиксированной шириной и 100% сторонами [дубликаты]

0

Я хочу создать такое меню:

Изображение 174551

Меню центрировано и имеет конкретное значение (например, 800 пикселей). Остальные два div должны быть выровнены с правой и левой стороны браузера.

Это возможно с чистым css?

  • 3
    Да можно с чистым css
  • 0
    @Huangism Huangism вам нужно больше лайков :-)
Показать ещё 2 комментария
Теги:
layout

1 ответ

0
Лучший ответ

РЕДАКТИРОВАТЬ :

Как отметил Чад, таблицы создаются для табличных данных, так как это не данные табуляции, вот решение без таблиц:

FIDDLE

Он использует divs с display:table; и display:table-cell;


Это возможно при использовании чистого CSS с использованием таблиц:

Смотрите этот FIDDLE

HTML

<table>
    <tr>
        <td id="left">
            ALIGN LEFT
        </td>
        <td id="center">
            MENU
        </td>
        <td id="right">
            ALIGN RIGHT
        </td>
    </tr>
</table>

CSS

 html,body{
        width:100%;
        padding:0;
        margin:0;
    }
    table{
        width:100%;
    }
    td {
        border:1px solid red;
        height:100px;
    }
    #center{
        width:800px;
        text-align:center;
    }

    #right{
        text-align:right;
    }
  • 0
    Ноу :( таблицы для табличных данных
  • 0
    @Chad Это очень верно;) Я буду редактировать свой пост соответственно.
Показать ещё 7 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню