CSS, WordPress и IE
Я хотел бы разместить три элемента в CSS с помощью float.
- Вверху слева - логотип
- Справа от логотипа - навигация, которая представляет собой неупорядоченный список, то есть плавающий влево.
- В правом верхнем углу находится 2-строчное поле подписки на информационный бюллетень - скопируйте верхнюю строку и поле формы с отправкой нижней части во второй.
Я дал каждому свой собственный тег Div, но не вижу, чтобы он работал с float. Только абсолютное позиционирование, которое не очень хорошо выглядит при изменении размера сайта. Я поместил таблицу в div прямо сейчас, но мне бы понравилось решение на чистом CSS.
Я могу заставить логотип перемещаться влево, а поле регистрации - вправо, но не могу правильно расположить навигацию. Либо он идет полностью влево, либо я вставляю клин, и он идет под логотипом и полем.
Мы ценим любые предложения.
а также скриншот того, что это такое и каким должно быть, это поможет.
Ответы 2
Если я правильно понял, может быть, вы могли бы установить для первого и второго элементов значение float: left, а затем установить поле третьего элемента, равное ширине первого и второго?
Вы также можете установить для первого элемента значение смещения влево, для третьего элемента - смещение вправо, а для второго - с полем, равным ширине первого элемента. Как трехколонный макет.
А как насчет следующего?
.floatleft_logo
{
float: left;
width: 200px;
}
.floatleft_nav
{
float: left;
width: 600px;
}
.floatright_email
{
float: right;
width: 300px;
margin-left:-250px;
}
Поместите все три в контейнер div шириной 850 пикселей, и это сработает для меня на тестовой странице.
вы всегда должны публиковать свою разметку и CSS для таких вещей - нам будет проще, если у нас есть база для начала