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


Выбрать шаблон и создать сайт

Float

#1 sol

sol
  • Пользователь
  • 19 сообщений
  • Репутация: 0
0

Отправлено 23 Май 2009 - 18:04

замаялся....уже не знаю что делать....
вот такая таблица:

##############
# 1 # 2 # 3 # 77#
########### 77#
# 4 # 5 # 6 # 77#
##############

1-7 картинки, причем 7 на 2 строки


хтмл:
<div id="1"><img src="img/bluzka00304.jpg" height="237" width="180"/></div>  
<div id="2"><img src="img/bluzka00302.jpg" height="237" width="180"/></div>
<div id="t3"><img src="img/bluzka00305.jpg" height="237" width="180"/></div>
<div id="4"><img src="img/bluzka00303.jpg" height="237" width="180"/> </div>
<div id="5"><img src="img/bluzka00306.jpg"height="237" width="180"/> </div>
<div id="6"><img src="img/newclear.jpg" height="237" width="180"/></div>
<div id="7" height="235" width="475"><img src="img/fbluzki.jpg" /></div>
</div>
пытаюсь задать расположение при помощи float:

css:
#1{
	
	float: left;
}
#2{
	
	float: left;
}
#3{
	float: left;
}

#4{
	
	float: left;
}
#5{
	
	float: left;
}
#6{
	float: left;
}

#7{
	float: right;
}


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

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 23 Май 2009 - 18:47

<html>
<head>
<style type="text/css">

*
{
margin: 0px;
}

#t1
{
float: left;
margin: 2px;
width: 180px;
height: 235px;
background: #c6c6c6;
}

#t2
{
float: right;
width: 450px;
height: 475px;
background: #000;
margin: 2px;

}

</style>
</head>
<body>
<div id="t1"></div>
<div id="t1"></div>
<div id="t1"></div>
<div id="t2"></div>
<div id="t1" style="clear: left;"></div>
<div id="t1"></div>
<div id="t1"></div>
</body>
</html>

  • 0

#3 sol

sol
    Topic Starter
  • Пользователь
  • 19 сообщений
  • Репутация: 0

Отправлено 24 Май 2009 - 01:14

решено.
ZiTosS спасибо
кто знает почему при уменьшении масштаба страницы колесиком мышки блоки позиционированные при помощи флоат съезжают вниз?
  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 28 Май 2009 - 00:49

sol, Есть такой косяк, можете сделать их фиксированного размера, тогда съезжать не будут. Возможно доктайп поможет, но не уверен.
  • 0


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