нужно div выровнять через css по центру.
Как то у нас на форуме выучил прием
Код:
margin: 0 auto;
но не срабатывает в IE.
Код:
*{
margin:0;
padding:0;
}
.b {
background:url(images/jedi_bg_03.png) #000;
background-position: top center;
background-repeat:repeat-y;
min-width:1025px;
width:100%
} .main {
background:url(images/jedi_bg_main.png);
background-repeat:no-repeat;
background-position:top center;
min-width:1025px;
width:100%;
}
.header {
height:253px;
min-width:1025px;
}
.wrap {
height:1000px;
width:1025px;
margin: 0 auto;
}
.lmenu {
width:159px;
height:100px;
}
.rmenu {
width:154px;
height:100px;
}
.content, .lmenu, .rmenu {
float:left;
}
Код:
<html>
<head>
<title>Заголовок сайту</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="b">
<div class="main">
<div class="header"></div>
<div class="wrap">
<div class="lmenu">
<div><img src="images/jedi_menu_03.png" /></div>
<div><img src="images/jedi_menu_07.png" /></div>
<div><img src="images/jedi_menu_09.png" /></div>
<div><img src="images/jedi_menu_11.png" /></div>
<div><img src="images/jedi_menu_13.png" /></div>
</div>
<div class="content">
<div><img src="images/jedi_form-1_03.png" /></div>
<div><img src="images/jedi_form-1_05.png" /></div>
<div><img src="images/jedi_form-1_05.png" /></div>
<div><img src="images/jedi_form-1_06.png" /></div>
</div>
<div class="rmenu">
<div><img src="images/jedi_menu_05.png" /></div>
<div><img src="images/jedi_menu_08.png" /></div>
<div><img src="images/jedi_menu_10.png" /></div>
<div><img src="images/jedi_menu_12.png" /></div>
<div><img src="images/jedi_menu_14.png" /></div>
</div>
</div>
</div>
</div>
</body>
</html>
