[SOLVED] Border on Border

[The Little Guy]

I have never tried this before, but is it possible to have a border around a border?

[obsidian]

If you have two nested elements, yes:

 

CSS:

#outer {
  border: 2px solid #000000;
}

#inner {
  padding: 10px;
  border: 2px solid #ff0000;
}

 

HTML:

<div id="outer">
  <div id="inner">Hi</div>
</div>

[ToonMariner]

OR - if you are going for the old progressive enhancement you could use css3 - and wait for the browsers to catch up.

 

http://www.css3.info/preview/colored-border/

 

I do stuff like this because I don't consider the presentational layer to be anywhere near as important as the content and its unrealistic to expect exactly the same results in each browser. Use the technology available and don't worry too much that ie6 doesn't see it - so long as what it does render looks good - looking good doesn't have to mean looking the same!!!!