2 replies [Last post]
bilsland
Offline
newbie
Last seen: 13 years 20 weeks ago
Joined: 2007-07-14
Posts: 2
Points: 0

I am having layout issues with a sidebar content box in ie6, looks great in firefox and safari on the mac, just looked on virtual pc in ie6 and it's shifted, not sure why?

url is http://www.39stepsstudio.com/nikkis/index.html

css used for the box is:

/* set the image to use and establish the lower-right position */

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
background: transparent url(images/img.png) no-repeat bottom right}

.cssbox{ /* intended total box width - padding-right(next) */ width:185px!important;

/* IE Win = width - padding */ width: 150px;

/* the gap on the right edge of the image (not content padding) */ padding-right:15px;

/* use to position the box */ margin:5px} /* set the top-right image */

.cssbox_head{background-position:top right;

/* pull the right image over on top of border */ margin-right:-15px;

/* right-image-gap + right-inside padding */ padding-right:40px}

/* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0;

/* reset main site styles*/ border:0;

/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */
padding:20px 0 5px 15px; height:auto !important; height:1%}

/* IE Holly Hack */ /* set the lower-left corner image */

.cssbox_body{ background-position:bottom left; margin-right:0px;

/* interior-padding right */
padding:5px 0 15px 15px}

any help would be appreciated

Cheers - Lewis

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 30 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Add display:inline; in #left

Add display:inline; in #left (double margin bug)

bilsland
Offline
newbie
Last seen: 13 years 20 weeks ago
Joined: 2007-07-14
Posts: 2
Points: 0

worked a treat! thanks for

worked a treat! thanks for your help!

Cheers - Lewis