website index tab problem
Posted January 11th 2012, 3:03pm
i was wondering if anybody could help me out i have try a few things but i just cant line them up right on all browers
http://staffy-bull-terrier.co.uk/

this is how i want it look on all browers
Image

this what it look like on ie9
Image

how it looks like on ff
Image

if anybody could help

codes i'm using
#gallery {font:12px verdana; margin-left:3px; width:592px; line-height:15px;}
#gallery div.off {color:#336699; height:33px; line-height:33px; margin-right:3px; padding:0 14px 0 15px; float:left; background: #fff; border:1px solid #ddd; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color:#336699; padding:0 15px 0 15px; margin-top:1px; margin-right:3px; float:left; background: #F3F7FA; border:1px solid #bcd4e3; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background: #F3F7FA; width:563px; margin-left:3px; height:250px; margin-top:0; top:-1px; border:1px solid #bcd4e3; padding:10px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px;}
div.show img {float:left; margin:0 5px 5px 0;}
.clear {clear:both;}
φ
Posts: 29
Joined: December 17th 2011, 12:00am

Who is online

Users browsing this forum: No registered users and 0 guests