The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Question about position
Drago
post Feb 12 2012, 10:40 AM
Post #1





Group: Members
Posts: 1
Joined: 12-February 12
Member No.: 16,457



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


Attached thumbnail(s)
Attached Image Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies(1 - 1)
nicu
post May 24 2012, 08:53 PM
Post #2





Group: Members
Posts: 1
Joined: 24-May 12
Member No.: 17,163



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th November 2014 - 04:48 PM