Help with blog and positioning and stuff? Options

[khraene]

I normally don't like to ask for help, but this is really bothering me and I can't fix it...

I made a new layout with a picture [as the background] positioned in the bottom left. Now, I'm trying to place a scrolling text space next to it but I can't figure out how to do that so it'll be the same in all resolutions and most browsers.

And before I try to position the blog, the background pic stays in the same place, but when I do position it, the page starts scrolling and the background stays fixed [because I fixed it, haha] and the xanga ad and the blog start moving, messing up my positioning. But that's only in Firefox.

Did anyone understand that? So anyways, I was wondering if there was some kind of attribute that would keep the blog at the bottom of the page no matter what, and how [if possible] I could make it so that you couldn't scroll on the page in Firefox. Because I used the overflow:hidden attribute but you can still scroll in Firefox.

That was long. Er....here's my header code:

<!-- begin code provided by createblog.com --><br /><script>document.title="WiCKED";</script><br /><style type="text/css"><br /><br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { <br />width: auto !important; <br />}<br /><br />table.header, table.main, table.footer, table.navigation{<br />width:305px;<br /><br />}<br />table.blogbody, div.blogheader, .caption{<br />width:305px;<br /><br />}<br />div.blogheader, .caption{<br />width:305px;<br /><br />}<br /><br /><br />td.maincenter {<br />text-align:left;<br />}<br />body {   <br />background-image: url(http://i3.photobucket.com/albums/y75/khraene/06162185.gif);<br />background-attachment:fixed;<br />background-position:bottom left;<br />background-repeat:no-repeat;<br />background-color: #95CC3A;<br />margin:0;<br />padding:0;<br />overflow:hidden;<br />scrollbar-Arrow-Color:#ffffff;<br />scrollbar-Track-Color:#95CC3A;<br />scrollbar-Shadow-Color: #95CC3A;<br />scrollbar-Face-Color:#95CC3A;<br />scrollbar-Highlight-Color:#95CC3A;<br />scrollbar-darkshadow-color:#95CC3A;<br />scrollbar-3dLight-Color: #95CC3A;<br />font-family: arial;<br />font-size:8pt;<br /><br />color:#000000;<br />}<br />texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search {<br />display: none;<br />} <br />.modules, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext {<br />font:normal 8pt arial;<br />color: #000000;<br />text-align:left;<br />}<br />a:link, a:active, a:visited{<br />color: #000000;<br />border-bottom: 2px solid #D74727;<br />}<br />a:hover {<br />color: #898385;<br />text-decoration: underline;<br />border-bottom: 2px solid #FEF0EF;<br />}<br />input, select, textarea, .textfield, .button{<br />border: 2px solid #95CC3A;<br />background-color:#ffffff;<br />color: #000000;<br />font-family: arial;<br />font-size: 8pt;<br />}<br />div.blogheader, .caption {<br />font-family:arial;<br />text-transform:lowercase;<br />font-decoration: underlined;<br />font-size: 8pt;<br />color: #000000;<br />background-color:transparent;<br />text-align: right;<br />font-weight:normal;<br />padding:0px;<br />border-bottom: 3px solid #95CC3A;<br />}<br />table.blogbody {<br />border-top: 1px solid #D74727;<br />background-color:#ffffff;<br />padding:0px;<br />background-image: url();<br />background-position:bottom right;<br />background-repeat:no-repeat;<br />background-attatchment: fixed;<br />}<br />.blogbody td { <br />width:1x;<br />padding-left:0px;<br />}<br />table.search{<br />border:0px;<br />background-color:transparent;<br />}<br />table.search td{<br />background-color:transparent;<br />}<br />hr {<br />color: #BACBD5;<br />}                   <br />hr {display:none;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> color: #95CC3A;<br /> font-family: arial;<br /> font-size: 8pt;<br /> }<br />.blogbody i, .standard i, p i {<br />/* edits italicized text in your entry */<br /> font-weight: italicized;<br /> color: #D74727;<br /> }<br />.blogbody u, .standard u, p u {<br />/* edits underlined text in your entry */<br /> font-weight: underlined;<br /> border-bottom: 2px solid #FEF0EF;<br /> color: #898385;<br /> }<br /></style><br /><div id="blog" style="position: static; overflow: auto; margin-left: 450px; margin-bottom: 0px; height: 469px; width: 335px; background-color: #ffffff;"><table border="0"></div><br /><!-- end code provided by createblog.com -->

And my test xanga that I'm having all the problems with.

[musique]

its cause you're using firefox. i know what you're talking about because i have firefox too.

[khraene]

Yeah, I know xD But it's just really annoying and I want to fix it so not only my IE friends can see it working, but so it works for me and my Firefox friends.

[hi-C]

You might benefit from reading this: http://www.createblog.com/forums/index.php?showtopic=89478

[khraene]

Thanks =] I've seen that before, and I tried the it...heh, it might have just been me, but it moved in IE too...=/

[talcumpowder]

It doesn't if you do it correctly. The finished result would not be similar to this...

CODE

/* layout junk */
#content{position: absolute;
left: 453px;!important top: 395px;!important
left: 453px; top: 415px; width: 365px; overflow: none; font-family: Georgia, "Times New Roman", serif; font-size: 10pt; color: #000000;}
#side{position: absolute;
left: 195px;!important top: 395px;!important
left: 195px; top: 415px; width: 230px; overflow: none; font-family: Georgia, "Times New Roman", serif; font-size: 10pt; color: #000000;}
h1{font-family: Georgia, "Times New Roman", serif; font-size: 16pt; color: #FF99CC; border-bottom: #FF9999;}
hr{border: 1px solid #FF99CC;}

Then for the resolution issue.... There have been topics on that, so you should search this forum.