резина

Yahoo! · September 2, 2009

Реально ли вообще так сверстать?

Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться??

И если уже на то пошло, таблицами можно такую задачу сделать?

Searcher · September 2, 2009

не вижу особых проблем... вам готовый код нужен?

Yahoo! · September 2, 2009

да

Searcher · September 2, 2009

Может стоит приложить самому усилия? Например изучите как делается верстка в несколько колонок:

http://layouts.ironmyers.com/

http://www.dynamicdrive.com/style/layouts/category/C10/

http://www.code-sucks.com/css%20layouts/faux-css-layouts/

http://tjkdesign.com/articles/one_html_mar...css_layouts.asp

http://blog.html.it/layoutgala/

В вашей ситуации можно примерно так:

<!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></title>

<style type="text/css">
html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#left {
	background-color: #0FF;
	float: left;
	width: 33%;
	min-width: 300px;
}

#center {
	background-color: #F0F;
	padding-left: 33%;
	margin-right: 33%;
	width: 33%;
	min-width: 300px;;
}

#right {
	background-color: #FF0;
	float: right;
	width: 34%;
}

</style>

</head>

<body>

<div id="left">левая колонка с минимальной шириной<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
<div id="right">правая сужающаяся колонка<br><br><br><br><br><br></div>
<div id="center">центральная сужающаяся колонка<br><br><br><br><br><br><br><br></div>

</body>
</html>

Ну а дальше сами...

Yahoo! · September 2, 2009

увы...=(( с вашим кодом левая колонка накрывает центральную... и... есть русские сайты=)), а то у меня плохо с английским

Yahoo! · September 19, 2009

Я тут поэкспереминтировал и вот что получилось

http://www.greymlelelele.chat.ru/

Как видите, центральная колонка растягивается по всей ширине окна, и если не добавлять <br /> то текст тоже занимает всю ширину.

Как это исправить?

Sign In

резина

Question

Yahoo!

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

Yahoo!

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Yahoo!

Link to comment

Share on other sites

Yahoo!

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information