[web] CSS Positioning

Started by
9 comments, last by Greg K 18 years, 10 months ago
GrumpyJack:
I am not sure why you want me to set body width/height 100%, that just gives me scroll bars and doesn't change the way my page looks.

Twanvl: Tried that. See innerBox2. That is what you mean, right?

igni: I now have what I think is the correct doctype. Still does not work.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><style>body{	width:100%;	height:100%;}div.outerBox{	position:relative;	top:0px;	left:0px;	height:100%;	width:100%;	border-style:solid;	border-width:1px;}div.innerBox{	position:absolute;	top:0px;	left:0px;	bottom:1px;	right:1px;	border-style:solid;	border-width:1px;}div.innerBox2{	position:absolute;	top:0px;	left:0px;	width:100%;	height:100%;	margin-right:1px;	margin-bottom:1px;	border-style:solid;	border-width:1px;}</style></head><body><div style="width:20em; height:20em;">	<div class="outerBox">		<div class="innerBox"></div>	</div></div><br><div style="width:20em; height:20em;">	<div class="outerBox">		<div class="innerBox2"></div>	</div></div></body></html>

This topic is closed to new replies.

Advertisement