Перейти к содержимому


Пользователь месяца
WGN WGN 1-й за Июль
Очков активности: 850 2 темы, 75 сообщений, 7 баллов репутации
Сайт: worldgamenews.com
ТОП самых активных за этот месяц
  • Фотография TimurR
    #1

    TimurR
    Очков активности: 216 3 темы, 15 сообщений, 6 баллов репутации

  • Фотография WGN
    #2

    WGN (worldgamenews.com)
    Очков активности: 64.5 Вне конкурса за определение пользователя месяца

  • Фотография ShowPrint
    #3

    ShowPrint (ShowPrint.ru)
    Очков активности: 52.5 0 тем, 7 сообщений, 5 баллов репутации

  • Фотография BlackLion
    #4

    BlackLion
    Очков активности: 33 0 тем, 22 сообщения, 1 балл репутации

  • Фотография Vmir
    #5

    Vmir
    Очков активности: 22.5 Вне конкурса за определение пользователя месяца

  • Фотография Napoleon-007
    #6

    Napoleon-007
    Очков активности: 21 0 тем, 14 сообщений, 1 балл репутации

  • Фотография Ixman
    #7

    Ixman (o5cat.ru)
    Очков активности: 21 0 тем, 7 сообщений, 2 балла репутации

  • Фотография alekswebart
    #8

    alekswebart
    Очков активности: 19.5 1 тема, 10 сообщений, 1 балл репутации

  • Фотография r0mZet
    #9

    r0mZet (rz-style.ru)
    Очков активности: 18 2 темы, 6 сообщений, 1 балл репутации

  • Фотография profi
    #10

    profi (1informer.com)
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 19.11.2017
  • Яндекс выдача: 13.08.2018
Топ 5 участников по репутации


Позиционирование блоков при помощи float

#1 sol

sol
  • Неактивные
  • 19 сообщений
  • Репутация: 0
0

Отправлено 03 May 2009 - 01:35

Задал расположение картинок при помощи float

html

<div id="content">
<a href="#"><img src="img/1.jpeg" class="img"/>
<a href="#"><img src="img/2.jpeg" class="img"/>
<a href="#"><img src="img/3.jpeg" class="img"/>
<a href="#"><img src="img/7rm.jpeg" class="rek"/>
<a href="#"><img src="img/4.jpeg" class="imgd"/>
<a href="#"><img src="img/5.jpeg" class="imgd"/>
<a href="#"><img src="img/6.jpeg" class="imgd"/>
</div>


css

.img {
	float: left;
}.rek {
	float: right;
}
.imgd {
	float: left;
}

в Опере, FireFoxe и Internet Explorer 7,8 версии все отображается как надо

но вот в Internet Explorer 5.5, 6 версий блок с class="rek" съезжает вниз. Искал решение в сети...безрезультатно

Подскажите решение, спасибо

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Позиционирование, относительные координаты HELP!
  2. Float
  3. При наложении div блоков, появляется рамочка
  4. Помогите с позиционированием div'ов
  5. Урок (Viewport)#2 - создание выпадающих меню

#2 ZiTosS

ZiTosS
  • Неактивные
  • 5148 сообщений
  • Репутация: 8

Отправлено 03 May 2009 - 10:03

sol, съезжает скорее всего, потому что не умещается на весь экран. Вы наверное в DIV ещё отступы задали. С картинками готового решения нету, у них нет % отношения, как есть так они и отобразятся...
  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru