CSS, WordPress и IE

Question

Я хотел бы расположить три элемента в CSS с помощью float.

1. В левом верхнем углу - логотип
2. Справа от логотипа - навигация, представляющая собой неупорядоченный список, т.е. плавающий влево.
3. В верхнем правом углу подпишитесь на две строки для поля новостной рассылки - скопируйте верхний ряд и поле формы с отправкой снизу во второй

Я дал каждому свой тег Div, но не вижу, чтобы он работал с float. Только абсолютное позиционирование, которое не очень хорошо выглядит при изменении размера сайта. Я поместил таблицу в div прямо сейчас, но мне бы понравилось чистое решение CSS.

Я могу заставить логотип плавать влево и поле регистрации, чтобы оно плавало вправо, но, кажется, не могу правильно расположить навигацию. Либо все идет влево, либо я вставляю шрифт, и он идет ниже логотипа и поля.

Любые предложения будут оценены.

Answer 1

А как насчет следующего?

    .floatleft_logo
    {
        float: left;
        width: 200px;
    }

    .floatleft_nav
    {
        float: left;
        width: 600px;
    }
    .floatright_email
    {
        float: right;
        width: 300px;
        margin-left:-250px;
    }

Поместите все три в div контейнера шириной 850 пикселей, и это работает для меня на тестовой странице.

Answer 2

Если я правильно понял, может быть, вы могли бы установить первый и второй элемент на float: left, а затем установить поле для третьего элемента равное ширине первого и второго?

Вы также можете установить первый элемент, чтобы плавать влево, третий, чтобы плавать вправо, а второй с полем, равным ширине первого элемента. Как макет из трех столбцов.