---
type: Article
title: Mac Classic OS windows with css!
description: A couple of Mac sites have complicated tables forming Mac like windows for showing stories. I tried this in css alone and reduce the number of graphics as well.
resource: https://www.simoncox.com/short-articles/2002-05-13-mac-classic-os-windows-with-css!/
tags: [Shorticles, Web, CSS]
timestamp: 2002-05-13
---


A couple of Mac sites have complicated tables forming Mac like windows for showing stories. I wanted to try and do this in css alone and reduce the number of graphics as well.

The css is as follows:

```
#box1 {
border: 1px #000000 solid;
}

#box2 {
border: 1px solid;
border-color: #fffffe #999999 #999999 #fffffe;
}

#box3 {
border: 1px #cccccc solid;
background: url(box3_full_background.gif) no-repeat #cccccc;
color: #000000;
text-align: center;
}

#box5 {
border: 1px solid;
border-color: #999999 #fffffe #fffffe #999999;
}

#box6 {
border: 1px #000000 solid;
color: #000000;
background: #fffffe;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
font-weight: normal;
text-align: left;
}
```

<style>
	#box1 {border: 1px #000000 solid;}
	#box2 {border: 1px solid;border-color: #fffffe #999999 #999999 #fffffe;}
	#box3 {border: 1px #cccccc solid;background: url(box3_full_background.gif) no-repeat #cccccc;color: #000000;text-align: center;}
	#box5 {border: 1px solid;border-color: #999999 #fffffe #fffffe #999999;}
	#box6 {border: 1px #000000 solid;color: #000000;background: #fffffe;padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;font-weight: normal;text-align: left;}
</style>

<section id="box1">
	<section id="box2">
		<section id="box3"><span class="boxheading">Mac OS 6-9</span>
				<section id="box5">
					<section id="box6"> 
						<p>Five boxes inside each other. Viola. I might have a go at OSX and windows next.</p>
					</section>
				</section>
		</section>
	</section>
</section>


[Read full article](https://www.simoncox.com/short-articles/2002-05-13-mac-classic-os-windows-with-css!/)