RE: FN-FORUM: Site check

date posted 14th January 2006 13:03

> -----Original Message-----
> From: [EMAIL REMOVED] [EMAIL REMOVED] On
> Behalf Of Sam Morgan
> Sent: 13 January 2006 23:38
> To: FN-FORUM / [EMAIL REMOVED]
> Subject: RE: FN-FORUM: Site check
>
> The rounded boxes are done in css with 4 rounded corner images placed
> absolute top/left, top/right, bottom/left, bottom/right all
> -1px to the
> container div. border of 1px on the div itself. And a title
> div containing
> the title text absolutely placed over the top border with a repeated
> background image to give the effect of the line disappearing
> but keeping the
> split of the white and Lblue BGs.
>
> Great idea! I hope you don't mind, but I have *ahem*
> borrowed the idea for
> one of my customers.
>
> I had to make a couple of changes to get it to display in IE
> as well as
> firefox.
>
> I've changed the images to 10x10 so that there is a 1 pixel
> margin between
> the corner & the edge of the image. I then changed the
> margins in the CSS
> to -2px. I don't know why, but without the changes it looked
> crap in IE.
>

The key is to make sure your container div has style "position" set (for me
set relative) and set a width for the container. Otherwise you get all sorts
of funky positioning issues. Also there must be a certain amount of content
in the container or again you may see some issues.