full size background??? Options

[daniel7912]

hi,
i have made a 1024x768 pixel image for the background of my space but it doesnt show up as the right size when i try to use it: www.myspace.com/dannyboisspace
i want the picture to completely fill the background but it just goes in the center smaller than it should be. My friend has done this somehow but when i try using the same code as he does, it doesnt work

the code i am using in 'about me' is as follows:

<style>

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:000000;
background-image:url(http://i10.photobucket.com/albums/a131/daniel7912/shadyltdblack1024copy.jpg);
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:EEFF22;
scrollbar-track-color:222222;
}

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:dashed;
border-width:1px;
border-color:000000;
}

.mygen { Text Properties }
table, tr, td, li, p, div { color:999999; }
.whitetext12 { color:999999; }
a:active, a:visited, a:link { color:AAAAAA; }
a:hover { color:FF2222; }
a.navbar:active, a.navbar:visited, a.navbar:link { color:999999; }
.nametext { color:FFFFFF; }



please help!

[dylanmcfly]

<style>

.mygen { Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:000000;
background-image:url(http://i10.photobucket.com/albums/a131/daniel7912/shadyltdblack1024copy.jpg);
background-attachment: fixed;
background-position:center center;
background-repeat:no-repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:EEFF22;
scrollbar-track-color:222222;
}

.mygen { Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:dashed;
border-width:1px;
border-color:000000;
}

.mygen { Text Properties }
table, tr, td, li, p, div { color:999999; }
.whitetext12 { color:999999; }
a:active, a:visited, a:link { color:AAAAAA; }
a:hover { color:FF2222; }
a.navbar:active, a.navbar:visited, a.navbar:link { color:999999; }
.nametext { color:FFFFFF; }

First of all, you should begin your code with <style type="text/css">

The problem area is the second line in bold where you've fixed the position of your background to the center of your page. Change it to the following:

background-position:bottom left;

Also, you might note that with a background that large people on dialup connections are going to hate you- and people with their screen resolutions set to smaller sizes (ie 800x600 or 600x400ish) will not see your entire background image. Hope this helped.

[freeflow]

http://i10.photobucket.com/albums/a131/dan...ack1024copy.jpg
if thats your background its not going to fit full page w/out making it full page. But you can set it to repeat. Then it will continue to repeat to the whole screen for all resolutions.

[dylanmcfly]

Oh, you might have made it 1024 and photobucket resized it... You might try a different image host.