Would anyone know how to make a layer that takes up full screen EXCEPT for a top strip 200px tall? I had a stab at defining the layer style as
'TOP: 200px; LEFT: 0px; RIGHT: 0px; BOTTOM: 0px'
... but that didn't work
I have browsed a dozen sites which give advice on multi-column pages using layers, but a simple page with one layer (as above) just doesn't seem to feature anywhere.
Any advice on how to create such a layer would be greatly appreciated...In css {margin-top:200px}
A layer is used in Photoshop, an old Netscape Navigator tag and a really good chicken. There are no 'layers' in html/css.{margin-top: 200px} doesn't work if you couple it with {width: 100%; height: 100%} which is needed to cover the entire screen (it shifts the layer down by 200px, resulting in a scroll bar for accessing the bottom-200px which are now off the screen).
Layer = <div> element (at least that's how Microsoft calls it).
I tried {padding-top: 200px} which works fine, but when I specify:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
... the {height: 100%} format stops working.
Any thoughts why this happens? Is there a better way to get the same result?
Thanks in advance...use
{ margin: 200px 0px 0px 0px }
i think that should do the trick...Layer = <div> element (at least that's how Microsoft calls it).Oh, it must be right then, I mean if Microsoft says so...
I tried {padding-top: 200px} which works fine, but when I specify:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
... the {height: 100%} format stops working.
Any thoughts why this happens? Is there a better way to get the same result?It's because you put the browser in standards compliance mode, basically it means that it'll stpo behaving like IE5 and will use the correct box model where the padding and border are not included in the dimentions you specify, therefore any additional padding and borders you specify are added onto any dimentions you specify (ie: 100% + 200px in your case).
To do what you want you could just set 200px top padding on the body tag.
'TOP: 200px; LEFT: 0px; RIGHT: 0px; BOTTOM: 0px'
... but that didn't work
I have browsed a dozen sites which give advice on multi-column pages using layers, but a simple page with one layer (as above) just doesn't seem to feature anywhere.
Any advice on how to create such a layer would be greatly appreciated...In css {margin-top:200px}
A layer is used in Photoshop, an old Netscape Navigator tag and a really good chicken. There are no 'layers' in html/css.{margin-top: 200px} doesn't work if you couple it with {width: 100%; height: 100%} which is needed to cover the entire screen (it shifts the layer down by 200px, resulting in a scroll bar for accessing the bottom-200px which are now off the screen).
Layer = <div> element (at least that's how Microsoft calls it).
I tried {padding-top: 200px} which works fine, but when I specify:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
... the {height: 100%} format stops working.
Any thoughts why this happens? Is there a better way to get the same result?
Thanks in advance...use
{ margin: 200px 0px 0px 0px }
i think that should do the trick...Layer = <div> element (at least that's how Microsoft calls it).Oh, it must be right then, I mean if Microsoft says so...
I tried {padding-top: 200px} which works fine, but when I specify:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
... the {height: 100%} format stops working.
Any thoughts why this happens? Is there a better way to get the same result?It's because you put the browser in standards compliance mode, basically it means that it'll stpo behaving like IE5 and will use the correct box model where the padding and border are not included in the dimentions you specify, therefore any additional padding and borders you specify are added onto any dimentions you specify (ie: 100% + 200px in your case).
To do what you want you could just set 200px top padding on the body tag.