/    Sign up×
Community /Pin to ProfileBookmark

CSS Problem on Myspace

I am currently working on a myspace page using CSS:

[URL=http://www.myspace.com/uncoveringthetruth]http://www.myspace.com/uncoveringthetruth[/URL]

Could someone please help and suggest a way to stretch the blue background so that there is not an exposed white area, as you see to the right of the page?

This is the current css coding:

<STYLE type=text/css>body {background-color: 1C1C26;scrollbar-face-color: 96A9B8;scrollbar-arrow-color: maroon;scrollbar-darkshadow-color: midnightblue;scrollbar-shadow-color: black;scrollbar-highlight-color: cccccc;scrollbar-3dlight-color: white;}table tbody tr td div, table tbody tr td div div {background-color: 1C1C26;}table table table table div, table table table table tr {background: transparent;}body>table>tbody>tr>td>div {padding-top: 10px;}table, td, img {border: 0px;}table table table table table table img {border: 1px solid black; width: 70px;}table table table table table table div img {border: 0px; width: auto;}table {background-image: url(‘http://img157.imageshack.us/img157/4743/code_junky_outset_03.jpg‘); background-color: 99b4d2;}table td, table table, table table td, table table table td {background-image: none; background-color: transparent;}div table {background-image: none; background-color: transparent;}table table {margin-top: 10px; margin-bottom: 30px;}div table table, table table table, table table table table, table table table table table {margin-top: 0px; margin-bottom: 0px;}table table table {background-image: url(‘http://img157.imageshack.us/img157/4743/code_junky_outset_03.jpg’);background-position: 100% top;background-color: D2DEEC;border-top: 3px solid rgb(165,219,240);border-left: 3px solid rgb(165,219,240);border-bottom: 3px solid rgb(75,114,130);border-right: 3px solid rgb(75,114,130);width: 330px;height: auto;}*html table table table {margin-left: 5px;}table table table table {margin-left: 0px;}table table table table table {margin-left: 0px;}table table table td {padding: 7px;}table table table table {background-image: none; background-color: transparent;border: 0px;} table table table table td {padding: 0px 0px 5px 0px; vertical-align: top;}table td.text table td {padding-top: 0px; padding-bottom: 0px;}table td.text table table td {padding-top: 7px; padding-bottom: 7px;} table table table .blacktext12 {display: block; width: 330px; margin-top: 7px; margin-bottom: 7px; font-size: 13px; text-align: left;}table table table .btext {display: block; width: 324px; padding-top: 7px; padding-bottom: 20px;}table table table table .btext {padding-top: 0px;}table table table table table {width: 95%;}a.navbar:link, a.navbar:visited, a.navbar:hover, a.navbar:active, div table tbody td font, div table form tbody td a font, a.man:link, a.man:visited, a.man:hover, a.man:active {color: gray;}* html div table tbody td font {color: gray;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: blue; background-image: none; background-color: transparent; font-weight: normal;}table tbody tr td div a:link, table tbody tr td div a:visited, table tbody tr td div a:hover, table tbody tr td div a:active, table tbody tr td div div, table tbody tr td div div font {color: gray;}.nametext {font-family: ‘times new roman’;font-weight: bold;font-size: 32px;font-style: italic;color: midnightblue;}.whitetext12 {font-family: ‘times new roman’;font-size: 22px;font-style: italic;color: midnightblue;}table table table td.text {padding-top: 20px; padding-bottom: 15px;}table table table table td.text {padding-top: 0px; padding-bottom: 0px;}.lightbluetext8 {color: midnightblue;} .btext, .blacktext12, .blacktext10 {color: midnightblue;} .orangetext15 {color: midnightblue;display: block;}table table table table table div {color: midnightblue;}table table table table td b {color: midnightblue;}.text, body, td, li, p, div, li, h1, h2, p {color: midnightblue;}.redtext, .redbtext {color: midnightblue;}a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active {color: midnightblue;}.contactTable table {background-image: url(‘http://img157.imageshack.us/img157/121/ct_verdana_blue_00.gif‘); background-repeat: no-repeat;}.contactTable td.text img {visibility: hidden;}.contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px;}.contactTable table td {padding: 0px 0px 0px 0px;}.contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active {display: block; width: 120px; height: 29px; background-color: white;filter: progid?XImageTransform.Microsoft.Alpha(style=0,opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;border: 1px solid transparent;}.contactTable table td.text a:hover { filter: progid?XImageTransform.Microsoft.Alpha(style=0,opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity:0.2;border: 1px solid black;background: white;}@media all and (min-width: 0px) {.contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:hover, .contactTable table td.text a:active {background-color: transparent; border: 1px solid transparent; outline: none;}.contactTable td.text img {display: none;}}* html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}</STYLE>

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@ray326Nov 20.2006 — Well I can't much read that but "body>table>tbody>tr>td>div" isn't something IE is going to understand.
Copy linkTweet thisAlerts:
@WebJoelNov 20.2006 — wow... -there is quite a few nested tables apparently, eh? I know from my long & heart-wrenching experiences with WIN_98 that severely-nested tables can (and frequently did) cause BSOD ("blue screen of death"), -something to do with a 'stack-overflow' or something... Nesting tables seriously taxes the RAM and can trip-up browsers, esp. if the user only has 'acceptible' available RAM.

I would seriously consider switching this over to a more intelligent design, with more css and less tables... :o
×

Success!

Help @rocklit spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...