по css

подскажите дураку как выровнять слой (div) по центру (независимо от разрешения моника) на css... Целый день ковырялся, все перепробовал (padding, margin, left и т.д.) - ничего...
Если выставляешь трансляцию документа как html 4.0 - то все работает, а если xhtml (как modx требует) - то результат нулевой.

<html>
<head>
<title>For Rustu</title>
<style>
body {
background-color:#f4f4f4;
}
#wazzup {
position:absolute;
top:50%;
left:50%;
margin-left:-265px;
margin-top:-86px;
}
</style>
</head>
<body>
<div id="wazzup"><img src="temp.png" width="530px" height="173px" alt="Vadya corp. is really cool dude"/></div>
</body>
</html>

Спасибо, все работает!!!

еще один пример
http://www.umade.ru/resources/css/deadcentre/deadcentre.html

А не подскажите, а привязать слой к нижней части страницы, разумеется независимо от ее размеров?

http://xhtml.ru/2005/10/18/footer-stick/

Начал настраивать поиск (Flexearch), хотел вставить вместо кнопки поиска картинку, вставлял png и gif с прозрачными участками, но они почему-то серыми отображаются, вставлял через background-image...
Как избавиться от серого вместо прозрачности?

не ленитесь. новую тему создайте.

Quote from: Rustu at Aug 05, 2007, 11:28 AM

Начал настраивать поиск (Flexearch), хотел вставить вместо кнопки поиска картинку, вставлял png и gif с прозрачными участками, но они почему-то серыми отображаются, вставлял через background-image...
Как избавиться от серого вместо прозрачности?

достаточно в хедере прописать
<script type="text/javascript" src="assets/js/sleight.js"></sript>