Jump to content
  • 0

Ищу готовое решение

3ABAPKA

Asked by 3ABAPKA,

 Share

Question

3ABAPKA Explorer

3ABAPKA

Posted
Posted

Такая проблема! Прошу помощи. Буду рад готовому решению.

Есть div его высота min-height: 100%

В него вложены еще два (один в другой) с высотой height: 100% каждый

Выглядит это примерно так (это схематично)

<div  min-height: 100%>
		<div	height: 100%>
				 <div  height: 100%>
............................
				 <div>
	   <div>
<div>

дык вот! height: 100% не срабатывает, а очень надо.

Может кто знает решение. Может есть скрипт (но он должен быть только для применения в css файле)

P.S.

Не занешь чем помочь не рассуждай, не поучай, вообще не пиши.....

Link to comment
Share on other sites

19 answers to this question

Recommended Posts

  • 0
Searcher Explorer

Searcher

Posted
Posted

А как вы думаете можно сделать 100% высоту от неизвестности? )) Если высота относительна, то она берется от высоты родителя, которая указана в css. Если в css указана относительная высота, то у родителя родителя должна быть указана высота и т.д. Но есть конечный контейнер... Какой?

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
А как вы думаете можно сделать 100% высоту от неизвестности? )) Если высота относительна, то она берется от высоты родителя, которая указана в css. Если в css указана относительная высота, то у родителя родителя должна быть указана высота и т.д. Но есть конечный контейнер... Какой?

Автор же ясно выразились, никаких вопросов, только ответы =)

Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted (edited) 

html,body{height:100%}
<div  height: 100%>
		<div	height: 100%>
				 <div  min-height: 100%>
............................
				 <div>
	   <div>
<div>

а так непойдет?

Ну и вот более наглядный пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style type="text/css">
		html,
		body,
		#wrapper,
		#box,
		#block{
			height:100%;
			margin:0;
		}
		#block{
			min-height:100%;
			background:#f00;
		}
	</style>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
	<div id="box">
		<div id="block">
			 
		</div>
	</div>
</div>
<!-- end wrapper -->
</body>
</html>

Edited by mishka2
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept