Can't Change Width... Options

[hyperchick]

Hello. I made a new layout for New Year's. (Click) I've got just about everything down but I can't change the width of the blog and it's getting me frustrated. Can someone please help?

This is what I have in my custom header:

CODE

<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">


<!-- end code provided by createblog.com -->

I've been trying to change the width here but it doesn't do anything at all...

CODE

<!-- begin code provided by createblog.com -->
<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">
<!-- end code provided by createblog.com -->

Thanks to anyone that helps.

[baller30]

i think that if you move the div to the bottom of the whole code it will be okay
do it like this:

CODE

<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">


<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<div align="left">
<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">

<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style></div>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">


<!-- end code provided by createblog.com -->

[hyperchick]

Thanks for the reply. I tried moving the div to the bottom...but it didn't do a thing. lol.

[baller30]

you know you don't have to put the style sheet in a div
maybe if you move the style sheet above the content that may fix it
ooo....
don't close your blog div
try that and reply

[hyperchick]

Hmm...weird...I still can't change the width. lol. *shakes fist at blog* le sigh.

I haven't closed the blog div... and I moved the code around a bit...but still no cookie.

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
body {
background: E579C5 url("http://img.photobucket.com/albums/v411/hyperactivemiss/2005bg.gif");
background-attachment: no-fixed;
background-position: TOP LEFT;
background-repeat:repeat-y;
}
@font-face {
font-family: arial;
font-style:  normal;
font-weight: normal;
}
body, td, p, font {
color:6A6B70;
font-family: arial;
font-size: 8pt;
text-transform: normal;
}
a:VISITED {
color: #C1C1C1;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:LINK {
color: #696A6E;
text-decoration: none;
font-style: normal;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
a:HOVER {
color: #6B1A1E;
font-style: normal;
text-decoration: none;
font-family: arial;
font-size: 8pt;
text-transform: normal;
cursor: hand;
}
table.main {
width: 410px;
height:0px;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.navigation {
display:none;
}
HR {
display:none
}
.footer {
display: none;
}
.mainleft {
display:none;
}
.blogbody {
text-align: justify;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background-color: transparent;
}
.blogheader {
width:400px;
text-align: right;
font-family: arial;
font-size: 12pt;
text-transform: normal;
color: #6A6B70;
font-weight:bold;
background-image: url("");
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width:400px !important;
}
#rblEprops {
display:none
}
b, strong{color:#6B1A1E;}
i, em{color:#6B1A1E;}
u{color:#6B1A1E;}
</style>

<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search, table.footer, hr{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 0px; width:140px; background-color:transparent; text-align:justify}

table.module th { background-color:transparent;font-size: 12px;font-family: arial;  color: transparent; border: none; text-align:right; padding:0;border-bottom:0px  #FA4B60 solid; border-right :none; font-weight:bold}

table.module td {color: transparent; text-align: justify; border: medium none; background-image: url('none'); font-size:11px}
</style>

<body bgcolor="#E579C5" ondragstart="return false" onselectstart="return false" oncontextmenu="return true">

<div style="position:static; margin-left: -10px;margin-top: -94;border: 0px solid #000000;">
<img src="http://img.photobucket.com/albums/v411/hyperactivemiss/2005.jpg" border="0"></div>

<div align=left style="position:static; margin-left: 5px; margin-top: -470px; width: 300px; overflow: none;filter: chroma(color=#ffffff)">
<!-- end code provided by createblog.com -->

[baller30]

try it without the body tag
i'm just given suggestions now so you can try them if you want
i don't see anything wrong with your code though...

[hyperchick]

I don't see the problem either. I think I'll have give up on my new layout...such a shame. Sigh. lol.

[baller30]

well maybe it is because you have postion:static it should be overflow:none maybe that will fix it