Xhtml и CSS помощ

[gLaVoReZa]

Здравейте,
работата е малко сложна, ако не беше сложна нямаше да ви занимавам, и страшно много ще се радвам ако някой успее да ми помогне. Значи искам да центрирам един div, в body-то и да му задам height 100%, и под IE всичко е точно, но под Лисицата и Опера, просто стойността 100% height се изпълнява, като auto. Използвам XHTML STRICT, и като махна декларацията всичко се оправя под всички браузъри, но пък като променя декларацията на XHTML Traditional пак не работи - показва същото като при Strict. Така, че може би аз не съм изпипал нещо. Ето малко код :

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="bg" xml:lang="bg" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>patsa, patsa, patsa</title>
<style type="text/css">

* {
   margin : 0px;
   padding : 0px;
}

body {
   background-color : #fff;
   text-align : center;
}

#MainDiv {
   width : 600px;
   height : 100%;
   margin-left : auto;
   margin-right : auto;
   text-align : left;
   border : 1px solid #000;
}

#MenuDiv {
   width : 300px;
   height : 100%;
   display : inline;
   background-color : #f00;
}

#TextDiv {
   width : 290px;
   height : 100px;
   display : inline;
   border : 1px solid #0f0;
}
</style>
</head>
<body>
<div id="MainDiv">
<div id="MenuDiv">
this have to be left in the main div
</div>
<div id="TextDiv">
this have to be right in the main div
</div>
</div>
</body>
</html> 
</html>

 

[adrian]

Погледни тази тема Тук го обсъдихме това и мисля, че се получи идеалния резултат в мнението, което съм ти дал

 

[gLaVoReZa]

@adrian За жалост това майче не ми помага, най-малкото, защото не искам да използвам таблици, а само div-ове, пък и там както видях е зададен width в проценти, а на мене ми трябва height.

 

[akolevutd]

<?xml version="1.0" encoding="windows-1251"?> 
<!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" lang="bg" xml:lang="bg">
	<head>
		<title>Loyout</title>
		<style type="text/css">

			* {
				   margin : 0px;
				   padding : 0px;
				   height:100%; 
			}

			body {
				   background-color : #d5d5d5;
				   font-family: Verdana, Arial;
				   font-size: 13px;
				   color: #fff;
				   text-align: center;
			}

			.container {
					width: 600px;
					height: 100%;
					margin: 0 auto;
				}
			.left {
					width: 300px;
					height: 100%;
					background-color: #FF0000;
					float: left;
				}

			.right {
					width: 300px;
					height: 100%;
					background-color: #000;
					float: left;
				}
		
		</style>
	</head>
	<body>

		<div class="container">

			<div class="left">
			</div>

			<div class="right">
			</div>

		</div>

	</body>
</html>

 

[mute]

задай *height:100% само за ИЕ а за ФФ сложи min-height:100%

 

[gLaVoReZa]

Дадох точка на akolevutd, защото ми помогна най-точно, но искам много да благодаря на всички, които се отзоваха. Оценявам го колеги. :wink: