Помогите с обтикатием.

dimanlin · September 3, 2009

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
BODY {
	margin: 0 0 0 0;
	}

#left {
	width:235px;
	height:500px;
	float:left;
	background-color:#06F;
	}

#content {
	float:left;
	background-color:#0CF;
	width:50%;
	height:200px;
}

-->
</style>
</head>

<body>
<div id="left">left</div>
<div id="content">centor</div>
</body>
</html>

Не могу заставить id="content" занимать остальное оставшееся пространство с право от него. Если делать подгон по процентам(width). То это подходит только для определённых разрешений. Если разрешение больше, то там зазор появляется. Если меньше то блок "content" перестаёт обтикать "left" и убегает под него. Обязательным условием является: Левый блок должен иметь фиксированную длинну и некоторую высоту.

Searcher · September 3, 2009

#content {
	background-color:#0CF;
	height:200px;
	margin-left: 235px;
}

изучите принципы многоколоночной верстки:

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/

dimanlin · September 3, 2009

Пасиба, помогло.

Searcher · September 4, 2009

Пожалуйста!

Но настоятельно рекомендую заняться самообразованием и разобраться в материале, на который я дал вам ссылки выше.

Если, конечно, вы и дальше будете создавать что-то в вебе...

Sign In

Помогите с обтикатием.

Question

dimanlin

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

dimanlin

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information