Log In · Register

 
Side scrollbar
Teesa
post Apr 9 2006, 04:47 PM
Post #1


crushed.
*******

Group: Staff Alumni
Posts: 9,432
Joined: Jun 2004
Member No: 20,026



Hello! Okay, the problem last time was that the blog scrollbar. Now, it's my entire layout. The scrollbar on the bottom-the one that moves from side to side appears and I'm not sure why. It does it in both Firefox and IE.

CODE
<img src="http://img107.imageshack.us/img107/3206/summerlayout1copy21ci.png">

<div id="Information" style="position:static; margin-left: -800px!important; margin-left: 780px; margin-top: -290px; border:0px
solid #000000; width: 230px; height: 270px; background: none; overflow: auto;">
<p align="left">
<u><b>General:</u></b><br><br>
Name: <br>
Age:  <br>Contact: <br> <br> </p><p align="left">
<u><b>Navigation</u></b><br>
<a href="http://www.xanga.com/claf">Look and Feel</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=bballbabiegrl">Subscribe</a><br><a href="http://www.xanga.com/private/subs.aspx">Read Me</a>
</p>
<p align="left">
<u><b>ANYTHING ELSE YOU WANT:</u></b><br></p><br><Br>
<p align="left">
</div>


<style type="text/css">
table.navigation, table.footer{
display:none;

}
.#rblEprops{
display:none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone,{
/* width of the comment page */
width:245px;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer{
display: none;
}
.#rblEprops{
display:none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops{
/* width of the comment page */
width: 200px;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer{
display: none;
}
.mainleft, table.footer, table.navigation, HR{
display:none;
}
body {

background-color: #COLOR CODE;
scrollbar-face-color: #COLOR CODE;
scrollbar-shadow-color: #COLOR CODE;
scrollbar-highlight-color: #COLOR CODE;
scrollbar-3dlight-color: #COLOR CODE;
scrollbar-darkshadow-color: #COLOR CODE;
scrollbar-track-color: #COLOR CODE;
scrollbar-arrow-color: #COLOR CODE;
}
.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext, .standard {
/* edits main text */
font:normal 8px arial;
color: #000000;
text-align:justify;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #000000;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #;
font:normal 8px arial;
background-color: #;


text-transform:;
font-color:#;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;

}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #;
font: bold #pt arial;
text-transform: none;
text-align:center;
text-transform:;
border: # #px solid;
}
table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#;
BORDER: # #px solid;
}
font,td,p,xmp{
color:#000000;



font-face: arial;
font-weight:normal;
font-size:8pt;
text-transform:;
text-align:justify;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;
}
table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: arial;
text-transform:;
BORDER: # 1px solid;
width:250px;
}
a:link{
line-height: #pt;
font-family: arial;
font-weight:normal;
color:#000000;
text-transform:none;
text-transform:;
font-size:8pt;
cursor:;

}
a:active{

font-family: arial;
color:#000000;
text-transform:none;
font-size:8pt;
text-transform:;
cursor:;
}
a:visited
{font-family: arial;
color:#000000;
text-transform:none;
text-decoration:strikeout;
font-size:8pt;
text-transform:;
cursor:;
}

A:hover {
font-family:arial;
color:#000000;
text-transform:;
cursor:;
font-weight:bold;
text-transform:;
font-size:8pt
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;

color: #fdaacd;
}
.blogbody i, .standard i, p i, em {
font-weight: italic;
color: 66da53;
}

.blogbody u, .standard u, p u, u {
font-weight: underline;
color: 55acf6;
}
</style>

<div style="margin-left: -20px!important; margin-left: -30px;">
<div id="Blog" style="position:static; margin-left: -200px; margin-right: 100px!important; margin-left: 110px!important; margin-top: -265px; border:0px
solid #000000; width: 500px; height: 269px; background: none; overflow: auto;">
 
 
Start new topic
Replies
*digital.fragrance*
post Apr 10 2006, 01:29 PM
Post #2





Guest






Yay Super-Reili does it again!

Topic Closed
 

Posts in this topic
Teesa   Side scrollbar   Apr 9 2006, 04:47 PM
digital.fragrance   Try putting your image in a div - that might remed...   Apr 9 2006, 05:43 PM
Teesa   How would I go about doing that?   Apr 9 2006, 06:01 PM
digital.fragrance   Like this: (Put your stylesheet first) CODE<s...   Apr 9 2006, 06:06 PM
Teesa   Hmm, it still doesn't work properly.   Apr 9 2006, 08:29 PM
fishcake-y   Use left alignment instead. I'm sorry that it ...   Apr 9 2006, 08:41 PM
Teesa   ^Cool. It does get rid of the scrollbar, but what ...   Apr 9 2006, 08:50 PM
digital.fragrance   Yay Super-Reili does it again! Topic Closed   Apr 10 2006, 01:29 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: