Jump to content

Recommended Posts

I can't figure this one out. :( I'm a newbie. :( :(

 

On my website: www.mumshearts.com, my background doesnt go all the way to the bottom of the page. Ive tried changing the div#wrapper3 and made the height longer, but obviously that didnt work coz when I clicked on a category, it made the page longer but the background didnt stretch together with it.

 

Oh and my add, if I were to remove the footer, it works fine. Footer is from the module prestalove easyfooter.

 

Can anyone please please help? I know to some of you, this is too easy. For me it took forever! TIA!

Edited by hijabgal (see edit history)

Share this post


Link to post
Share on other sites

Hi Tia.

 

From what i can see at first glance, you have an error in your css.

 

in global.css (its named global.css in version 1.5)

 

your body tag looks like this:

 

 

body {
background: url("http://www.mumshearts.com/themes/theme182/css/http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png") repeat scroll 0 0 transparent;
color: #272727;
font: 12px "Arial",Arial,Helvetica,sans-serif;
}

 

 

the URL tag is wrong, plus when you want it to fill the entire page, there is really no need to specifi repeat, scroll ect.

and you have an error in your Font tag as well. :)

 

so it should look like this:

 

 

 

body {
background: url("http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png");
color: #272727;
font: 12px Arial,Helvetica,sans-serif;
}

I hope this helps. :)

Edited by Supremacy2k (see edit history)

Share this post


Link to post
Share on other sites
Hi Tia. From what i can see at first glance, you have an error in your css. in global.css (its named global.css in version 1.5) your body tag looks like this:
body { background: url("http://www.mumshearts.com/themes/theme182/css/http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png") repeat scroll 0 0 transparent; color: #272727; font: 12px "Arial",Arial,Helvetica,sans-serif; }

the URL tag is wrong, plus when you want it to fill the entire page, there is really no need to specifi repeat, scroll ect. and you have an error in your Font tag as well. :) so it should look like this:

body { background: url("http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png"); color: #272727; font: 12px Arial,Helvetica,sans-serif; } 

I hope this helps. :)

 

Thanks so much for your reply. :)

I tried looking for that line in my global.css, but couldnt find it. I see this:

 

/* —————————————————————————————— general styles —————————————————————————————— */

html, body {width:100%;height:100%;}

body {font:normal 12px "Arial", Arial, Helvetica, sans-serif;color:#272727;

background: url(http://www.mumshearts.com/themes/theme182/img/lightpaperfibers.png);

}

 

and

 

/* —————————————————————————————— layout —————————————————————————————— */

div#wrapper1 {min-width:1040px;min-height:100%;background:#232222;}

div#wrapper2 {

height:100%;

background:url(../img/lightpaperfibers.png) 0 0 repeat-x #fff;

 

}

div#wrapper3 {background:url(../img/lightpaperfibers.png) 0 bottom repeat;}

 

Where is it again that Im supposed to change then? Im on version 1.4 btw..

Oh and Im Sue... TIA is short for thanks in advance. :P

 

Edited by hijabgal (see edit history)

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More