I am trying to align my layers so that there are no gaps between them when I view it in an internet browser. I have 3 layers...the "Logo" at the top, "Navigation" on the left, and "Content" on the right of the Navigation layer. Somehow, I don't know how, I got the Navigation layer to align how I wanted it...right underneat the Logo layer and flush with it. But the Content layer is not cooperating; it overlaps layers, even though I have the "Prevent Layer Overlapping" selected, and it does not move when the window is resized, like the Navigation and Logo layers do.
2006-12-27
06:01:14
·
1 answers
·
asked by
stephanie
2
in
Computers & Internet
➔ Programming & Design
#Layer3 {
position:static;
width:170px;
height:425px;
z-index:1;
left: auto;
top: auto;
background-color: #DFDEE2;
text-align: left;
border-top-width: medium;
border-right-width: thick;
border-bottom-width: medium;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
right: auto;
clip: rect(auto,auto,auto,auto);
bottom: auto;
}
#Layer4 {
position:absolute;
width:605px;
height:425px;
z-index:1;
border-top-width: thick;
border-right-width: thin;
border-bottom-width: medium;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
left: 297px;
top: 139px;
clear: none;
float
2006-12-27
06:11:09 ·
update #1
layer 3 is the navigation layer and layer 4 is the content layer. I'm not even sure how I ended up with 4 layers. Perhaps I just need to start all over
2006-12-27
06:12:11 ·
update #2