chibicheebs Posted December 11, 2012 Share Posted December 11, 2012 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 Link to comment Share on other sites More sharing options...
DarkxPunk Posted December 11, 2012 Share Posted December 11, 2012 Someone posted about this recently and honestly there is no real cross platform way to stretch an image. Check http://w3schools.invisionzone.com/index.php?showtopic=45873 Link to comment Share on other sites More sharing options...
Ingolme Posted December 11, 2012 Share Posted December 11, 2012 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. Link to comment Share on other sites More sharing options...
chibicheebs Posted December 11, 2012 Author Share Posted December 11, 2012 (edited) 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 December 11, 2012 by chibicheebs Link to comment Share on other sites More sharing options...
DarkxPunk Posted December 11, 2012 Share Posted December 11, 2012 I recommend Ingolme's solution Link to comment Share on other sites More sharing options...
marry Posted December 13, 2012 Share Posted December 13, 2012 What i we use auto wdth and height? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now