Jump to content
  • 0

div по центру (отличается от предыдущей темы)

Gatto

Asked by Gatto,

 Share

Question

Gatto Explorer

Gatto

Posted
Posted

div.general {

display:block;

margin-left: ???????;

margin-right: ??????;

margin-top: 0em;

margin-bottom: 3em;

width: 50em;

height: 120em;

border-width: 1px;

border-style:dashed;

}

что нужно написать в этих маргинах, чтобы блок всегда выравнивался по центру в горизонтали при любом разрешении монитора пользователя?

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
Ramshine Explorer

Ramshine

Posted
Posted

html

<!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=windows-1251" />
<title>Курорт</title>
<link href="stylee000.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="head">
	  <div id="left_logo"></div>
	  <div id="logo"><img src="image/kurort.jpg" alt=""/></div>
	  <div id="top"></div>
	  <div id="menu"></div>
	  <div id="pic_head"><img src="image/picture.jpg" alt="" /></div>
</div>
</body>
</html>

CSS

body{
	margin:0;
}

#head {
	background:url(image/right.jpg) repeat-x;
	text-align:center;
	width:100%;
	height:395px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#left_logo{
	background:url(image/left_logo.jpg) no-repeat;
	height:395px;
	width:30px;
	float:left;
}
#logo{
	background:url(image/kurort_bg.jpg) no-repeat;
	height:395px;
	float:left;
}
#top{
	width:735px;
	height:40px;
	background:url(image/top.jpg) no-repeat;
	float:left;
}
#menu{
	background:url(image/menu_bg.jpg) no-repeat;
	width:735px;
	height:51px;
	float:left;
}
#pic_head{
	float:left;
}

А мне надо чтобы все div'ы внутри этого выравнивались по центру как этого добиться?

То что написано выше работает только в ИЕ

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 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