 | | |||||
Welcome, Guest! Ready to make a name for yourself in the domain business? We welcome both the hobbyist and professional domainer to join the discussion as part of the NamePros community.
Click here to create your profile to start earning reputation for posting, and trader ratings for buying & selling in our free e-marketplace. Build your trader rating with each successful sale. Our system has tracked over 100,000 sales and counting!
Click here to create your profile to start earning reputation for posting, and trader ratings for buying & selling in our free e-marketplace. Build your trader rating with each successful sale. Our system has tracked over 100,000 sales and counting!
| ||||||||
| Programming PHP, Perl, Ruby on Rails, AJAX, HTML, XHTML, CSS, JavaScript, MySQL and any other coding topics. |
 |
| | LinkBack | Thread Tools |
01-24-2011, 07:01 PM
| THREAD STARTER #1 (permalink) |
| NamePros Regular Join Date: Sep 2007
Posts: 244
   | css "position: fixed;" causing scrollbar to be disable I have element that I want to be a fixed position in css, but that specific when it is set to position: fixed; it causes my scrollbar to be disabled...why is that and what do i need to do to fix this...i do want this element to be fixed so when i scroll up and down the page its still in the same area... thanks the css tag is i am talking is .profiles {position: fixed;} Code: #header {
position: fixed;
z-index: 999;
}
.logo {
position: fixed;
background-image: url(../images/logo/logo2.png);
width: 567px;
height: 252px;
top: 8px;
left: 775px;
}
.nav {
position: fixed;
top: 70px;
left: -20px;
}
.nav a{
text-decoration: none;
font-family: segoe script;
font-weight: bold;
font-size: 16px;
color: #ec2c49;
}
.nav ul {
word-spacing: 8px;
font-family: segoe script;
color: #ec2c49;
}
.nav ul li {
display: inline;
}
#content {
position: relative;
top: 125px;
}
#fadeshow1, #fadeshow1 .gallerylayer {
position: relative;
background-color:transparent!important;
left: 20px;
z-index: 997;
}
#text1 {
position: absolute;
top: 100px;
left: 550px;
width: 550px;
font-family: "segoe script";
font-size: 20px;
color: #4b2701;
font-style: italic;
font-weight: bold;
z-index: 998;
}
.blog {
position: relative;
left: 200px;
}
.maintable {
color: #ffffff;
position: absolute;
top: -25px;
left: 220px;
width: 60%;
}
.gallery ul {
border-style: none;
word-spacing: 8px;
font-family: segoe script;
color: #ec2c49;
}
.gallery ul li {
display: inline;
}
.profiles {
position: fixed;
}
.profiles img {border:0;}
.profiles ul {
margin:0;
list-style-type:none;
}
.profiles li {
margin:2px 0;
padding:4px;
background: url(../images/profilebg/individual_bg.png) no-repeat;
height:62px;
width:151px;
}
.profiles li img {
vertical-align:middle;
margin-right:20px;
}
.profiles li a {
font-family: segoe script;
font-weight: bold;
color: #e6930f;
text-decoration:none;
} |
|  |
|
01-24-2011, 08:40 PM
| #2 (permalink) |
| Your face is regfee!  Join Date: May 2008 Location: Oregon
Posts: 1,069
  | Nothing looks weird. Maybe it's some of the other code in the page conflicting with the css?
__________________ Looking for fantasy hockey owners to begin the new season on ESPN. Deep league with lots of owners and a very high % of keepers (dynasty league). Looking for active owners because this league will continue year after year. My homepage | I miss my dog - Athena |
|
| |
|
01-24-2011, 09:44 PM
| THREAD STARTER #3 (permalink) |
| NamePros Regular Join Date: Sep 2007
Posts: 244
| Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body bgcolor="#000000">
<div id="container">
<div id="header">
<div class="logo"></div>
<div class="nav">
<ul>
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li> |
<li><a href="http://www.*****.com/***">***</a></li>
</ul>
</div>
</div>
<div id="content">
<div class="profiles">
<ul>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb001.png" alt="***"/>***</a></li>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb002.png" alt="***"/>***</a></li>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb003.png" alt="***"/>***</a></li>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb004.png" alt="***"/>***</a></li>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb005.png" alt="***"/>***</a></li>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb006.png" alt="***"/>***</a></li>
<li><a href="http://www.*****.com/***" title=""><img src="_files/thumb007.png" alt="***"/>***</a></li>
</ul>
</div>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="230" valign="top">
<div align="center" id="mainphoto">
<a href=""><img src="images/profiles/***.png" class="profile_image" border="0" alt=""/></a>
</div>
</td>
</tr>
</table>
<table class="maintable" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td id="info" valign="top">
<h1>***</h1>
Female<br />
26 years old<br />
Houston, Texas, US<br />
</td>
</tr>
<tr>
<td>
<div class="head">About me</div>
<div class="post"><p>Text here Text hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText hereText here</p></div>
</td>
</tr>
<br />
<tr>
<td>
<div class="gallery">
<ul>
<li><a href="images/profiles/model_1/image001.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image001.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image002.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image002.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image003.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image003.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image004.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image004.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image005.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image005.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image006.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image006.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image007.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image007.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image008.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image008.jpg" width="100" height="100" border="0" alt=""/></a></li>
<li><a href="images/profiles/model_1/image009.jpg" rel="lightbox[model_1]" title="my caption"><img src="images/profiles/model_1/image009.jpg" width="100" height="100" border="0" alt=""/></a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html> |
|
| |
|
01-26-2011, 05:31 PM
| #4 (permalink) |
| Your face is regfee! Join Date: May 2008 Location: Oregon
Posts: 1,069
| That code looks very straight-forward as well. What are those javascript files?
__________________ Looking for fantasy hockey owners to begin the new season on ESPN. Deep league with lots of owners and a very high % of keepers (dynasty league). Looking for active owners because this league will continue year after year. My homepage | I miss my dog - Athena |
|
| |
|
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| css problem with scrollbar | nick | Programming | 3 | 01-05-2011 02:36 PM |
| Recommended wordpress plugins | Alex P | Website Development | 17 | 08-30-2010 06:10 PM |
| Professional CSS web 2.0 & XHTML Graphic Designer Required for Hosting Site Layout | PolurNET | Web Development Wanted | 0 | 12-07-2006 07:44 PM |
 |
All times are GMT -7. The time now is 02:43 PM.
