SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2004
    Location
    Arizona
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Adjustments for Images sizes

    I think I almost have this taken care of in Firefox but viewing it in IE theres still aways to go... What I'd like to get help with is CSS adjustments for my Skins/rsi/StyleSheets/popup.css ,, If you click Here then view "More Images" under the large image that will bring a popup with larger and detailed images.. the only thing I have left in that popup is in IE the background dosent fill the field like it does in FF.

    Where in my CSS am I off? or what class/attribute do I need to add to the CSS to help IE out? Its in the #pageSurround

    What I'm trying to accomplish is for customers to be able to view a Full Sized Image that I'd rather FTP to the Images folder instead of useing the carts upload feature, (which seems to resize my images), If anyone views the other products, those images were uploaded via the carts upload feature, (hence "resized")

    Code:
    body {
    	margin: 5px;
    	background-color: #A5A5A5;
    	background-attachment: scroll;
    	background-image: url(../styleImages/backgrounds/pageBg.jpg);
    	background-repeat: repeat-x;
    	background-position: top;
    }
    #pageSurround {
    	background-color: #F2dec6;
    	border: 2px solid #000000;
    	margin-bottom: 5px;
    }
    #divThumbsImg {
    	overflow:auto; 
    	height: 700px; 
    	width: 120px; 
    	text-align: center; 
    	float: left; 
    	margin-right: 5px;
    	border-right: 2px solid #a44904;
    }
    .thumbsImg {
    	border: 1px solid #000000;
    	background-color: #000000;
    }
    #divMainImg {
    	float: left; 
    	width: 600px; 
    	height: 600px;
    	text-align: center;
    	overflow: hidden;
    	margin-bottom: 5px;
    }
    a.popupLink {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 75%;	
    	text-decoration: none;
    	color: #000000;
    	font-weight: bold;
    }
    a.popupLink:hover {
    	color: #070F72;
    	font-weight: bold;
    }
    .txtCopyright, a.txtCopyright {
    	text-align: left;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 1px;
    	padding-top: 5px;
    	color: #999999;
    }
    a.txtCopyright:hover {
    	text-decoration: none;
    }

    Any help is always apperciated

  2. #2
    SitePoint Enthusiast
    Join Date
    Dec 2004
    Location
    Arizona
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    #pageSurround {
    	background-color: #F2dec6;
    	border: 2px solid red;
    	margin-bottom: 5px;
    	width: 100%;
    	overflow: auto;
    }
    Simple Fix I guess,, seems to work in my browsers now....


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •