I have create a set of tabs with panes. Each time the tab is selected the new pane appears. My problem is that I want to center this on my page for all size screens and I am not certain what to do. Any suggestions would be appreciated.
.tab {
line-height:150%;
font-weight: bold;
position:absolute;
text-align: center;
border: 2px;
border-color:#999999;
border-styleutset;
border-bottom-style: none;
height: 54px;
width: 90px;
margin:100px;
margin-top: 10px;
margin-top:10px;
}
.panel {
font-family: sans-serif;
font-size: smaller;
position:absolute;
border: 2px;
border-color:#999999;
border-styleutset;
width: 400px;
height: 200px;
left:0px;
top:54px;
margin:100px;
margin-top:10px;
padding:6px
}
Thanks Ronnie
.tab {
line-height:150%;
font-weight: bold;
position:absolute;
text-align: center;
border: 2px;
border-color:#999999;
border-styleutset;
border-bottom-style: none;
height: 54px;
width: 90px;
margin:100px;
margin-top: 10px;
margin-top:10px;
}
.panel {
font-family: sans-serif;
font-size: smaller;
position:absolute;
border: 2px;
border-color:#999999;
border-styleutset;
width: 400px;
height: 200px;
left:0px;
top:54px;
margin:100px;
margin-top:10px;
padding:6px
}
Thanks Ronnie