[help]website fullscreen

[Snoopi]

hello.

i have making a website and i got a problem in my screen is ok but when i go to other screen with more resolution in left side is blank.i want to make my websites to fill with all screens.

i have search for fix it but i didn't find smth.any idea how to do that?

 

-thanks

[Blane]

How could we know what's your code? I mean. It should be something with css, but we're unable to help if we don't know the code itself.

 

 

[l2Netherworld]

i have the same problem my code is

body {

width:100%;

margin:auto;

min-width:600px;

max-width:2000px;

background-repeat: no-repeat;

margin-left: 0%;

margin-top: 0%;

margin-right: 100%;

margin-bottom: 0%;

background-attachment: fixed;

background-position: center center;

position: static;

height: auto;

}

its in html but it doesnt work for some reason...

[B00D]

try to make a container-wrapper with standar height-width and position and put all others into there.

[Snoopi]

  On 1/14/2012 at 5:21 PM, Blane said:

How could we know what's your code? I mean. It should be something with css, but we're unable to help if we don't know the code itself.

 

 

*{

margin:0;

padding:0;

}

body {

background-image:url(bg.jpg);

background-repeat:no-repeat;

min-width:1158px;

min-height:913px;

background-color:#000000;

color:#CCC;

font-family:"Trebuchet MS", "Arial", "Helvetica", "sans-serif";

font-size:13px;

margin:0;padding:0;

}

[Blane]

To sum up, if you want something to be centered, the most common solution is to make a div of an id ("wrapper" used commonly) at the top level. That means, the div is in the top level of everything. Then in your css:

 

div#wrapper { width: 960px; margin: 0 auto; }

 

Beware, the wrapper has to have a specific width in order to be centerized. 960 pixels is the most common value for that, since it's the lowest resolution for modern web browsers and computers.

 

Hope I helped...

[B00D]

  On 1/15/2012 at 1:17 PM, Blane said:

To sum up, if you want something to be centered, the most common solution is to make a div of an id ("wrapper" used commonly) at the top level. That means, the div is in the top level of everything. Then in your css:

 

div#wrapper { width: 960px; margin: 0 auto; }

 

Beware, the wrapper has to have a specific width in order to be centerized. 960 pixels is the most common value for that, since it's the lowest resolution for modern web browsers and computers.

 

Hope I helped...

or try

margin : auto auto;

[Blane]

  On 1/15/2012 at 1:48 PM, B00D said:

or try

margin : auto auto;

 

It won't work. ;-)

[B00D]

on my website i got :

margin-left: auto;

margin-right: auto;

[Blane]

  On 1/15/2012 at 2:13 PM, B00D said:

on my website i got :

margin-left: auto;

margin-right: auto;

 

Yeah but that's different than this:

 

  Quote

or try

margin : auto auto;

 

There are top and bottom margins too. The above statement stands for:

 

margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;

 

And what I ment with margin: 0 auto; is only right and left margins set to auto (that makes the centering).

 

Anyway, margin: auto auto is really different than margin: 0 auto and the second is what we want :)

[B00D]

  On 1/15/2012 at 3:35 PM, Blane said:

Yeah but that's different than this:

 

There are top and bottom margins too. The above statement stands for:

 

margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;

 

And what I ment with margin: 0 auto; is only right and left margins set to auto (that makes the centering).

 

Anyway, margin: auto auto is really different than margin: 0 auto and the second is what we want :)

i know.