Очень долго искал вашу группу ,вопще вконтакте мало групп для web разработчиков ,хотел бы поинтересоваться кто очень хорошо знаком с позиционированием эллементов моглибы бы вы мне помочь?
Смысл :есть сайт с двумя колонками ,весь сайт на слоях и позиционировании ,сайт состоит:из верхней картинки ,полосы градиента под ней ,а ниже находятся мменю два рядом ,то которое слево позиционируется как relative ну и сайт у меня весь на relative.
Вобщем левое меню никак неотцентровать посередине ,восновном это только в опере ,в остальных браузерах более или менее нормально.
код вот такой
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Массажный центр ceragem город Гатчина Ленинградская область</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div id="gerb"></div>
<div id="main">
<div id="logo"><img src="img/logo.jpg" border="0" width="100%"/></div>
<div id="polosaverh"></div>
<div id="menulevo">
<div id="menlev1"></div>
<div id="seredmenu"></div>
<div id="menuniz"></div>
</div>
<div id="mainmenu">
<div id="mainmenlev1"></div>
<div id="mainmenlev2"></div>
<div id="mainmenlev3"></div>
</div></div>
</body>
</html>
body{
margin:0px;
padding:0px;
color:#417e96;
background-image:url(../img/zad.jpg);background-repeat:repeat-x;width:100%;height:5px;
}
#main,#logo,#polosaverh{margin:0px;padding:0px;}
#main{position:relative;top:0px;left:0%;right:0%;width:100%;height:100%;}
#logo{position:relative;top:0px;left:0px;right:0px;}
#polosaverh{position:relative;top:0px;right:0px;left:0px; background-image:url(../img/verhpolosa.jpg);background-repeat:repeat-x;width:100%;height:80px;}
#menulevo{position:relative;top:40px;left:40px;width:272px;height:100%;float:left;}
#menlev1{background-image:url(../img/verhmenu.png);background-repeat:no-repeat;width:272px;height:50px;padding:0px;margin:0px;}
#seredmenu{background-image:url(../img/seredmen.png);background-repeat:repeat-y;width:269px;height:500px;padding:0px;margin-top:-1px;}
#menuniz{background-image:url(../img/nizmenu1.png);background-repeat:no-repeat;width:269px;height:42px;padding:0px;margin:0px;}
#mainmenu{position:relative;top:40px;left:280px; width:770px;height:100%; border:#0033FF dashed;display:block;}
#mainmenlev1{background-image:url(../img/mainmenupravoverh.png);background-repeat:no-repeat;background-position:0% 0%; width:24px;height:48px;float:left;text-align:right;z-index:1;}
#mainmenlev2{background-image:url(../img/mainmenusered.png);background-repeat:repeat-x;width:600px;height:48px;float:left;z-index:2;}
#mainmenlev3{background-image:url(../img/mainmenulevoverh.png);background-repeat:no-repeat;width:44px;height:50px;float:left;z-index:3;}
#mainmenlev3{ background-image:url(../img/polosaseredina.png);background-repeat:repeat-y;background-position:top; width:781px;height:300px;margin:0px;padding:0px;z-index:4;}
