|
Giomanach -> RE: Overlapping (11/30/2004 7:22:33)
|
<style type="text/css" media="all"> html, body {
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
background-color: #ffffff;}
img {border: 0px;}
.title {
font-size: 20px;
font-weight: bold;
font-family: arial, sans-serif;
text-align: center;
letter-spacing: 10px;
color: #727670;
position: absolute;
padding: 0px;
height: 50px;
left: 10px;
right: 10px;
top: 0px;
z-index: 4;
}
.quip {
border: 1px solid #C1C1C5;
background-color: #ECEFEE;
color: #666666;
position: absolute;
left: 10px;
right: 10px;
top: 30px;
z-index: 5;
padding: 5px;
font-weight: bold;
font-size: 11px;
font-family: arial, sans-serif;
text-align: center;
letter-spacing: 1px;}
.menu1box {
position: absolute;
left:0px;
top:80px;
margin-left: 50px;
width:200px;}
.menu2box {
position: absolute;
right:0px;
top:80px;
margin-right: 50px;
width:200px;}
.menutext {
margin: 0px;
color: #666666;
font-size: 11px;
padding: 5px;
font-family: arial, sans-serif;
letter-spacing: 0px;
line-height: 20px;
text-align: left;}
h5 {
font-size: 11px;
font-family: arial, sans-serif;
letter-spacing: 3px;
color: #6C6F79;
z-index: 6;
margin: 0px;
text-align: center;
padding: 0px;}
i { color: #727670; }
.divider{
text-align: center;
padding: 0px;
margin: 0px;
padding-bottom: 30px;
border-bottom: 1px solid #C1C1C5;
font-size: 11px;
font-family: arial, sans-serif; }
blockquote {
align: left;
text-align: justify;
padding: 5px;
border: 1px solid #C1C1C5;
background-color: #F5F5F5;
color: #000000;
font-family: arial, sans-serif;
font-size: 11px;
letter-spacing: 0px; }
li{
list-style-type: none;
list-style-image: url();
color: #666666;
padding: 0px;
margin: 0px 0px 0px 0px;}
ul, h6{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 10px;
font-size: 11px;
border: 1px solid #C1C1C5;
font-weight: normal;
background-color: #ECEFEE;}
input,textarea,select {
background-color: #ECEFEE;
border: 1px solid #C1C1C5;
color: #666666; }
a:link {
color:#666699;
font-weight: bold;
font-family: arial, sans-serif;
font-size: 11px;
letter-spacing: 0px;
text-decoration: none;}
a:visited {
color:#333399;
font-family: arial, sans-serif;
font-size: 11px;
letter-spacing: 0px;
text-decoration: none;}
a:hover {
background: none;
font-weight: bold;
font-family: arial, sans-serif;
font-size: 11px;
letter-spacing: 0px;
color:#C1C1C5;
border-bottom: 1px dashed #C1C1C5;
}</style> All of the CSS widths are absolute, they need to be altered to percents for the fluid design that you want. It looks fine @ 1024x768 res plus, any lower than that and the layers overlap.
|
|
|
|