Форум PHP программистов > Прибить к низу елементы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Stasonix

6.10.2011 - 18:45


<div class="links">
    <img class="inficon" src="../css/inficon.png">
    <img class="inficon" src="../css/inficon.png">
    <img class="inficon" src="../css/inficon.png">
</div>


.links {
 position: absolute;  top: 1%; left: 2%;
 width: 10%;
 height: 70%;
 border: 1px solid black;
 float: left;
}
.links img {
 position: relative;
 width: 78%;
 height: 15%;
 left: 11%;
 top: 1%;
}

fiddle test1

p.s. хотелось бы без создания каких-либо доп. div'ов, если такое возможно?

caballero

6.10.2011 - 18:59

это даже с доп. элементами непросто если высота не фиксировнная

TranceIT

6.10.2011 - 19:41

Только средствами JS.
А откуда такая любовь к процентам?

_____________
Безвозмездно помогаю только тем, кто сам пытается что-то сделать.

Остальным за WMR
Даже если там 10 строк кода!
Даже если мне это ничего не стоит!
Даже если вы нуб!

user posted image

caballero

6.10.2011 - 19:56

Наверно резиновый (во все стороны) дизайн хочет замутить.

Stasonix

6.10.2011 - 19:58

именно "резиновый"

sebastjan

6.10.2011 - 20:34

Думаю, догадаешься что делать ;)
Изначально ошибочно подходишь к вёрстке.
Излагай своё видиние ,задачу, а уж потом рассматривай варианты.
Ниже изложенный мной подход тоже бредовый.


<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>xxx</title>
<style>
html,body{
	height: 100%;
	width: 100%;
}
* html{
	height: 100%;
	width: 100%;
}
body{
	margin: 0px;
	padding: 0px;
}
#links {
	position: absolute;
	width: 10%;
	height: 70%;
	border: 1px solid black;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px;
	z-index: 10;
}
.k{
	position: absolute;
	width: 78%;
	height: 15%;
	bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
}</style>
</head>

<body>
<div id="links">
<img class="k" src="img/ss.gif" border="1">
</div>
</body>
</html>

Быстрый ответ:

Здесь расположена полная версия этой страницы.