Hi there
I have an html code of a wen site, and its organized all by div panels.
Well, my problem is that i can`t align the three top div panels in the master div (menu, side2, prime_text).
I have an html code of a wen site, and its organized all by div panels.
Well, my problem is that i can`t align the three top div panels in the master div (menu, side2, prime_text).
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=utf-8" />
<title>Project Java Sites</title>
<style type="text/css">
body {padding: 0; margin: 0; background-image:url(../images/BackgroundRepeat.png); background-repeat:repeat-x}
div#master { width:1024px; height: auto; margin:0 auto}
div#banner { width:1024px; height: 160px; background-image:url(../images/Background_01.png); margin:0 auto}
div#separate_bar1 { width: 1024px; height: 11px; background-image:url(../images/Background_02.png); margin:0 auto}
div#separate_bar2 { width: 236px; height: 23px; background-image:url(../images/Background_06.png)}
div#menu {width:236px; height:273px; background-image:url(../images/Background_03.png)}
div#side1 {width:236px; height: 334px; background-image:url(../images/Background_07.png); background-repeat:repeat-y; float:left}
div#side2 {width:249px; height: 630px; background-image:url(../images/Background_05.png); background-repeat:repeat-y; float:right}
div#prime_text {width:539px; height: 630px; background-image:url(../images/Background_04.png); background-repeat:repeat-y; float:right}
div#copyright { width: 1024px; height: 99px; background-image:url(../images/Background_08.png); float:left}
</style>
</head>
<body>
<div id="banner"></div>
<div id="separate_bar1"></div>
<div id="master">
<div id="menu"></div>
<div id="side2"></div>
<div id="prime_text"></div>
<div id="separate_bar2"> </div>
<div id="side1"></div>
<div id="copyright"></div>
</div>
</body>
</html>