DIV - позиционирование

12
Lord Maverik
На сайте с 15.04.2003
Offline
471
1266

Люди Хелп. Второй день мучаюсь.

Задача.

<div></div>

<table height="100%"></table>
<div id="foter">
<div id="1"><div>
<div id="2"><div>
</div>

Речь пойдет про div - footer

div 1 должен быть выровнен по левому краю

div 2 должен быть выровнен по правмоу краю

Вот на рисунке показал в чем суть проблемы. Обратите внимание на то где распологается слой контейнер и на то что у таблицы высота 100%!

Поможите плз.

P.S. Кто поможет - незабывайте указывать DOCTYPE.

RedMall.Ru (https://redmall.ru) - Товары из Китая (Таобао, Tmall) с проверкой качества, скидка для форумчан 7% Партнерская программа 2 уровня: 5% + 5%. Подробнее. (https://redmall.ru/about/partner/)
garamond
На сайте с 21.11.2006
Offline
84
#1

что-то наверное недогоняю:

id 1 - float: left;

id 2 - float: right;

и "разъезжается"?

Я даже не представляю, что должен сделать мой сын, чтобы я ему сказал, что в молодости я себе такого не позволял.
Lord Maverik
На сайте с 15.04.2003
Offline
471
#2

Да и конструкция <table height=100%> работает криво. Может кто подскажет верный вариант, кросс браузерный как сделать?

Перепробовал кучу. То тут не так, то тут, то в одном браузере не так, то в другом.

Lord Maverik
На сайте с 15.04.2003
Offline
471
#3
garamond:
id 1 - float: left;
id 2 - float: right;

А попробуйте. Причем так чтобы ширина 1 + ширина 2 > ширина экрана

garamond
На сайте с 21.11.2006
Offline
84
#4

может тогда не париться и футер вынести "отдельно"?

(голова с утра совсем не соображает:))

Arsh
На сайте с 21.03.2007
Offline
199
#5

Уберите общий контейнер в div (''footer")-замените tr/td. Фсе заработает (с float'ами, ессно).

B
На сайте с 26.12.2006
Offline
51
#6

а что у вас так не работает?


<div id=1 style="float:left" >
left
</div>
<div style="float:right">
right
</div>

???

у меня все ок,

другой вопрос если внутри содержаться таблицы установленных размеров...

PHP,MySQL,JavaScript,AJAX
Lord Maverik
На сайте с 15.04.2003
Offline
471
#7

Скажем так - вот так :) Я же рисунок спецом нарисовал.

<div id=1 style="float:left" >

<img width=500>
</div>
<div style="float:right">
<img width=900>
</div>
Lord Maverik
На сайте с 15.04.2003
Offline
471
#8
garamond:
может тогда не париться и футер вынести "отдельно"?
(голова с утра совсем не соображает)

Что вы имеете в виду? Поместить футер в отдельный слой, который спозиционировать поверх всего остального? Так теже грабли, только с боку. Таблица растягивается прекрасно по высоте, а вот div через одно место.

Чую решение где-то рядом, на найти никак не могу :(

Антон Лавеев
На сайте с 31.10.2005
Offline
425
#9

<div id=1 style="float:left; display: inline" >

<img width=300>
</div>
<div style="float:right">
<img width=700>
</div>
☠️☠️☠️
Lord Maverik
На сайте с 15.04.2003
Offline
471
#10

display: inline - не помогло.

Кстати на одном форуме написали вроде span помогает. Жаль не написали как.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий