Help - Search - Members - Calendar
Full Version: Question about position
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Drago
i want the blue bar stay at the top of <div
if i used scroll of div

code of div
<style type="text/css" media="all">

#boxtable {
/*the chat div container*/
text-align:left;
margin:0 auto;
margin-bottom:10px;
padding:1px;
background-color: #f0f0f0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-right: 1px solid rgba(9, 9, 9, 0.125);
height:400px;
width:910px;
overflow:auto;

}


</style>


<div id="boxtable" >
<div id="blueBarHolder" class="slim">
<div class=" fixed_elem" id="blueBar">




</div></div>
Work closely with Development team to ensure timely completion of deliverable.<br>
WorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte
amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate to complex computer programs and subsystems<br>

</div>

i have tried

<style type="text/css" media="all">

.slim #blueBar{
height:37px;}




#blueBar{background-color:#3b5998;min-width:981px;width:100%;z-index:300}


.fixed_elem{position:absolute;
}

</style>
it worked but fucked up the style..

picture in attackments


thx for help
nicu
QUOTE(Drago @ Feb 12 2012, 06:40 PM) *

i want the blue bar stay at the top of <div
if i used scroll of div

code of div
<style type="text/css" media="all">

#boxtable {
/*the chat div container*/
text-align:left;
margin:0 auto;
margin-bottom:10px;
padding:1px;
background-color: #f0f0f0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-right: 1px solid rgba(9, 9, 9, 0.125);
height:400px;
width:910px;
overflow:auto;

}


</style>


<div id="boxtable" >
<div id="blueBarHolder" class="slim">
<div class=" fixed_elem" id="blueBar">




</div></div>
Work closely with Development team to ensure timely completion of deliverable.<br>
WorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte
amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate to complex computer programs and subsystems<br>

</div>

i have tried

<style type="text/css" media="all">

.slim #blueBar{
height:37px;}




#blueBar{background-color:#3b5998;min-width:981px;width:100%;z-index:300}


.fixed_elem{position:absolute;
}

</style>
it worked but fucked up the style..

picture in attackments


thx for help



acum functioneaza *beep* putin de lucru

<style type="text/css" media="all">

#boxtable {
/*the chat div container*/
text-align:left;
margin:0 auto;
margin-bottom:14px;
padding:1px;
background-color: #f0f0f0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-right: 1px solid rgba(9, 9, 9, 0.125);
height:400px;
width:100%;

overflow:auto;

}


</style>


<div id="boxtable" >
<div id="blueBarHolder" class="slim">
<div class=" fixed_elem" id="blueBar">




</div></div>
Work closely with Development team to ensure timely completion of deliverable.<br>
WorkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit

hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensurerkrkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableork
closelywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate rkcloselywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate closelywithDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywit
hDevelopmentteamtoensuretimelycompletionofdeliverableorkcloselywithDevelopmentte

amtoensuretimelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate timelycompletionofdeliverable
Analyze, design, develop, implement, and maintain moderate to complex computer programs and subsystems<br>

</div>



<style type="text/css" media="all">

.slim #blueBar{
height:37px;}




#blueBar{background-color:#3b5998;min-width:100%;width:100%;z-index:300}


.fixed_elem{position:fixed;
}

</style>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.