|
| |
|
|
| |
для: ilyaILF
(07.03.2008 в 20:29)
| | | Нет, не то.
Вот мой вариант
.sidebar-bar {overflow:hidden;width:100%; padding:0px; margin:0px;}
.rig {float:left;width: 400px; margin:0%;}
.sad{margin-left:400px;}
.tar, .why, .pris {float:left;width:30%;}
<div class="sidebar">
<div class="sidebar-bar">
<div class="rig">
<img src="style/logo.gif">
</div>
<div class="sad">
<div class="tar">
1
</div>
<div class="why">
2
</div>
<div class="pris">
3
</div></div>
</div>
</div>
|
Но, в opera и т.д. всё нормально, а в сами знаете каком браузере всё выглядет просто ... | |
| |
|
|
| |
|
|
| |
для: relikt
(07.03.2008 в 18:35)
| | | Можно:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Sample</title>
<style type="text/css">
html {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px;}
.wrapper {width: 100%; float: left;}
.wrapper .twocolumn {background-color: pink; margin: 0% 40% 0% 100px;}
.firstcolumn {background-color: red; width: 100px; margin: 0% 0% 0% -100%; float: left;}
.treecolumn {background-color: blue; width: 20%; margin: 0% 0% 0% -40%; float: left;}
.fourcolumn {background-color: green; width: 20%; margin: 0% 0% 0% -20%; float: left;}
</style>
</head>
<body>
<div class="wrapper">
<div class="twocolumn">
text, text, text, text, text, text, text, text, text, text, text, text, text, text.
</div>
</div>
<div class="firstcolumn">
text, text, text, text, text, text, text, text, text, text, text, text, text, text.
</div>
<div class="treecolumn">
text, text, text, text, text, text, text, text, text, text, text, text, text, text.
</div>
<div class="fourcolumn">
text, text, text, text, text, text, text, text, text, text, text, text, text, text.
</div>
</body>
</html>
|
Только у вас не совсем корректно заданы значения для ширины ячеек, одна из них должна быть произвольной ширины, раз первая имеет значение ширины в пикселях - 100px. | |
| |
|
|
| |
|
|
| | Здравствуйте, вот есть следующее:
<table width=100% height=250px border=1px><tr>
<td width=400px>1</td>
<td width=20%>2</td>
<td width=20%>3</td>
<td width=20%>4</td>
</tr></table>
|
Задался вопросом, а можно ли реализовать такой эффект, без использования табли, через стили, на div вёрстке? Весь день потратил на это, но не придумал, как это сделать.
У меня всё время получается вариант, когда родительский блок width:100%, начинаю задавать дочерние блоки width:20%, а результат не тот. Пытаюсь сделать такой вариант: Первый блок фиксированной ширины, остальные блоки плавающей.
Сделал так:
<div style="float:left;width:400px;height:200px;">
logo
</div>
<div style="float:right;overflow:hidden;width:61%; padding:px;margin:0px;">
<div style="float:left;width:30%">
<div class="menu1">
munu
</div>
</div>
<div style="float:left;width:30%">
<div class="menu3">
munu
</div>
</div>
<div style="float:left;width:30%">
<div class="menu4">
munu
</div>
</div></div>
|
Но при изменении размера экрана, блок с меню прыгает вниз, под логотип. Как это исправить.
#min-width{min-width:1000px; background:#fff;}
#min-height{min-height:600px; background:#fff;}
* html #min-width{width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "auto");}
* html #min-height{height:expression(((document.documentElement.clientHeight || document.body.clientHeight) < 600)? "auto" : "600px");}
|
| |
| |
|
| |
|
