[solved] resizing background image disproportionate

[aitor21]

Hi!

I have a problem, I have a background image (black background and a white box in the middle). The problem is that my browser full screen nothing happens. BUT when resized my browser window the background image is disproportionate.

 

What should I do to make the background image automatically resize without causing these problems?

 

Thanks for everything!

 

Greetings!

[vekia]

hey

 

the url will be really helpfull in this case

if it is possible - please paste it here

 

regards

[aitor21]

I have no url yet, only a local server, but I have attached a comparison if it helps.

Good: http://s2.subirimagenes.com/imagen/previo/thump_8444424good.png

Bad: http://s2.subirimagenes.com/imagen/previo/thump_8444426bad.png

 

thanks in advance vekia!

[vekia]

in my opinion it is better to use different method.

use black background for the body (don't use image with white block in the middle)

 

then to #center_column

 

add css with:

{

background:#FFF;

}

[aitor21]

I find 28 center_column.About what line I can found?

[vekia]

you can add code to the global.css

 

#center_column {
}

 

line ~45

 

add there:

 

background:#FFF;

[aitor21]

ok, but categories and legal is black.

How I can change it?

 

http://s2.subirimagenes.com/imagen/previo/thump_8444481aaa.png

[vekia]

i just though that you want white bg only for center block, ok, now it's all clear for me

 

what you have to do is:

 

global.css add background:#FFF to: #page line ~41

 

#page {
background: #FFF;
}

[aitor21]

no, I just want from the top horizontal menu for below. The top I want without white. Only the modules below and the center

[aitor21]

center, category, information and cart in white, rest in black

[Paulito]

Good morning

 

Do you mean something like THIS

 

Paul

[vekia]

no, I just want from the top horizontal menu for below. The top I want without white. Only the modules below and the center

 

so, you have to use additional modification

 

here it is:

 

global.css line ~547

add background:#000;

 

#header {
position: relative;
background:#000;
}

[aitor21]

hi vekia!

thanks again!!

 

Can you see my new topic (About minicslider): http://www.prestashop.com/forums/topic/248397-minicslider-home-only-function-does-not-work/

 

Please, is very necesary for me, thanks in advance!

[vekia]

sure i will check it :-)

 

i marked this thread as solved

 

regards