CSS, xhtml ....

CSS - кода това
body {
background-color: #F0F7FF;
margin: 0;
padding: 0;
text-align: center;
margin:0;
}
#frame {
width: 100%;
height: 100%;
text-align: center;
border: 1px solid black;

}
#menu {
background-image: url(images/menu.gif);
background-repeat: no-repeat;
height: 90px;
width: 742px;
}
#header {
background-image: url(images/header.png);
background-repeat: no-repeat;
height: 145px;
position: relative;
margin-top: -65px;
width: 742px;
z-index: 2;
}
#content {
background-color: #00607A;
border: 2px solid #0481B5;
height: 500px;
position: relative;
margin-top: -50px;
width: 730px;
z-index: 1;
}

#footer {
background-image: url(images/footer.gif);
background-repeat: no-repeat;
height: 36px;
position: relative;
margin-top: -120px;
width: 742px;
z-index: 2;
}
xhtml - strict :
<body>
<div id="frame">
<div id="menu"></div>
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
Ако сте прочели CSS, сте разбрали че искам това цялото нещо да е центрирано .... да ама става само на IE6.0 при Opera, Nestcape, Firefox не работи ...четох нейде из нета, че Netscape не разбира този цсс като е ценриран боди тага и викам ще обградя цялата тази работа в една таблица и ще центрирам нея чрез цсс ..... няма проблеми работи .... ако някой знае друг начин моля да каже, че не ми се занимава с тези глупави таблици....

Разкарай #frame изцяло, не ти трябва, и сложи на всички останали div-ове страничен margin auto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"[линк]">



<html lang="bg" xml:lang="bg" xmlns="[линк]">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>centering</title>

<style type="text/css" media="all">

<!--

body { 

background-color: #F0F7FF; 

margin: 0; 

padding: 0; 

text-align: center; 

} 

#menu { 

background-image: url(images/menu.gif); 

background-repeat: no-repeat; 

height: 90px; 

width: 700px; 

border: 2px solid red; 

margin: 0 auto;

} 

#header { 

background-image: url(images/header.png); 

background-repeat: no-repeat; 

height: 145px; 

position: relative; 

margin: -65px auto 0; 

width: 700px; 

z-index: 2; 

border: 2px solid blue; 

} 

#content { 

background-color: #00607A; 

border: 2px solid #0481B5; 

height: 500px; 

position: relative; 

margin: -50px auto 0; 

width: 730px; 

z-index: 1; 

border: 2px solid yellow; 

} 

#footer { 

background-image: url(images/footer.gif); 

background-repeat: no-repeat; 

height: 36px; 

position: relative; 

margin: -120px auto 0; 

width: 700px; 

z-index: 2; 

border: 2px solid magenta; 

} 

-->

</style>

</head>

<body> 

<div id="menu">menu</div> 

<div id="header">header</div> 

<div id="content">content</div> 

<div id="footer">footer</div> 

</body>

[линк] - лекции, мъдрости, интернет сигурност, уеб дизайн

Бравост много ти благодаря .... работи си