Jump to content
Sign in to follow this  
chibicheebs

Simple questions about background resizing

Recommended Posts

This should really be basic but for some reason I can't get the background-image to do what I want :/ This is the link: http://webdesign.miad.edu/stimm/ The CSS for the image is: #wrapper{width:1024px;height:768px;} body{background-image:url(../images/bkg.png);background-repeat:no-repeat;width:1024px;height:768px;} And then of course, the wrapper is also in the HTML. I also have some JQuery and Javascript running to create the fade effect. Addt'l notes: I also tried to have no size on the wrapper and background-image, but it still stayed small. If I try to do "cover" as background size, it blows out the entire background and makes it huge. I wouldn't mind the background resizing with the window, but I haven't had much luck with that either. In any case, thanks for the help! -Steffane

Share this post


Link to post
Share on other sites

Not a background image anyways. You can always use an <img> element with 100% width and, if necessary, 100% height as well. Fixed position, negative z-index.

Share this post


Link to post
Share on other sites

Ok...I have fixed the background issue. Stupid mistake on my part. Now--just the regular portrait image-->same kind of issue-->won't allow me to set it to actual size (which fits the page height). In addition, the picture is large in Safari and small in Chrome. Any suggestions? Can I get that image to auto resize?

Edited by chibicheebs

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...