Home › Forums › CSS › How to stretch my page and get scroll bar when zooming in? › Re: How to stretch my page and get scroll bar when zooming in?
Safey89I have many css files and I don’t know which one I should show you its code . any way here it is :
body{font-size: 11pt;color: #333333;font-family: Calibri,”Times New Roman”;}
a{text-decoration: none}
h3{border-bottom:1px solid #A19B9E;color: #c77405;font-style: italic;}
label{font-weight: bold;color: #c77405;font-style: italic;}
#Page{width:100%;margin:0;padding:0;min-width:994px;height:100%;}
#Header{width:100%;height:60px;background-color:#FFFFFF;}
#Header{background:url(/images/Logo.png) no-repeat;}
#Header .menu {float:right}
#Header .menu a {color:#c77405;text-decoration: none;}
#Header .menu a:hover {color:#eb8f00;text-decoration: underline;}
#Header .welcome {float:right;margin:0 10px 0 10px;font-style: italic;font-size: 10pt;}
#Loading{display:none;background:#FFFFFF url(‘images/loading.gif’) no-repeat center;z-index:1000;}
#DataForm{display:none;}
#NavBar{border:0;height:30px;padding:0;text-align: center;vertical-align: middle;}
#MainPage{width:100%;margin:0;padding:0;background:url(‘images/MainPage.jpg’) repeat-x;}
#MainPage #SideBar{height: 100%;width:220px;margin:0;padding-top:20px;}
#MainPage #SideBar h2{font-size: 11pt;padding-top:5px;padding-bottom: 5px;padding-left: 25px;}
#MainPage #SideBar ul{list-style: none;font-size: 10pt;margin: 0;padding: 0 ;}
#MainPage #SideBar ul li{padding: 2px;cursor: pointer; }
#MainPage #SideBar ul li a:hover{color:#e78f08;text-decoration: underline;}
#MainPage #SideBar ul li h3{font-size:10pt;cursor:default;margin: 5px}
#MainPage #Container{padding:20px;width:74%;height: 100%;overflow: auto;}
#MainPage #msg {display: none;max-width: 300px;}
#MainPage #Result{height: 100%;width: 100%;min-width:610px;min-height:300px; max-height: inherit;padding-top:20px;}
#MainPage #Result h3{border-bottom:1px solid #A19B9E;color: #c77405;font-style: italic;}
#Footer {display: inline-block;width:100%;text-align: center;font-size: 12px;font-style: italic;font-family: serif;color:#787878;}
#toolbar{margin: 0;padding: 0;}
ul#ListToolBar li {cursor: pointer;list-style: none outside none;margin: 2px;padding: 4px;position: relative;}
#Final{border-collapse: collapse;width:100%;}
#Final tr td{vertical-align: top;margin: 0;padding: 0;border-color: #d3d3d3;}
#Final tr.ui-state-default td{padding: 4px;}
#Final table tr td{padding: 2px;}
#Final .TopBorder{border-top:1px solid #d3d3d3}
#Final .Primery{color:#9FAFD1}
#Final .center{text-align: center; }
#InsertForm h3{font-size: 12pt;}
.ObjectData{min-width: 550px;}
.red{
background-color:#994d53;
color: #ffffff;
}
and another style sheet :
* {margin:0; padding:0;}
body
{
background:#F3F3F3;
font-size: 14px;
line-height: 150%;
font-family: Arial;
color: #797979;
}
img
{
border:0;
}
a
{
color: #F69744;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
input
{
color:#797979;
}
textarea
{
color:#797979;
}
label
{
display:block;
color:#F69744;
font-weight:bold;
margin-top:3px;
margin-bottom:1px;
}
legend
{
color:#797979;
}
/**********************************************/
#main
{
margin:0 auto;
width:100%;
height:100%;
background:#FFFFFF;
}
#main img.mysql
{
margin-top:0px;
}
/**********************************************/
#header
{
padding:0px 0 30px 0;
display: block;
}
#header img.logo
{
margin-top:5px;
}
#header ul
{
float:right;
margin-top:10px;
margin-right:40px;
font-size:16px;
line-height:25px;
}
#header ul li
{
float:left;
list-style:none;
padding-left:20px;
}
#header ul li a
{
color:#797979;
text-decoration:none;
}
#header ul li a:hover
{
text-decoration:underline;
}
#header ul li.home
{
border-right:1px solid #E6E6E6;
padding-right:10px;
padding-left:10px;
position:relative;
left:0px;
top:10px;
}
#header ul li.contact
{
padding-right:10px;
padding-left:10px;
}
/**********************************************/
#container
{
position:relative;
width:100%;
background:#FFFFFF;
}
/**********************************************/
#right-bar
{
float:left;
width:236px;
padding:0;
margin:0;
vertical-align:top;
text-align:center;
}
#right-bar img.pic2
{
text-align:right;
margin-left:18px;
}
/*************************************************************************************/
#left-bar
{
float:left;
width:236px;
padding:0;
margin:0;
vertical-align:top;
text-align:center;
}
/*************************************************************************************/
#footer
{
width:100%;
height:20px;
vertical-align:middle;
font-size:10px;
font-weight:bold;
/* position: fixed;
bottom: 30px;*/
/*margin-top:-100px;
/*clear: both;*/
}
#footer ul
{
margin-top:10px;
margin-right:10px;
margin-left:30px;
color: #797979;
line-height:11px;
}
#footer ul li
{
float:left;
border-right:1px solid #797979;
list-style:none;
margin:0 5px 5px 0;
padding-right: 5px;
}
#footer ul li a
{
color: #797979;
text-decoration:none;
}
#footer ul li a:hover
{
text-decoration:underline;
}
#footer .copyright
{
margin-top:5px;
float:none;
text-align:center;
}
p.page-title
{
font-size:18px;
font-family:Tahoma;
color:#F69744;
padding-bottom:7px;
border-bottom:1px solid #E6E6E6;
}
/********************************************************************************************/
#main-bar-l
{
width:504px;
vertical-align:top;
height:100%;
padding-bottom:20px;
padding-left:20px;
padding-right:10px;
margin:0;
line-height:20px;
border-left:1px solid #F69744;
}
#main-bar-l p
{
margin-top:15px;
margin-bottom:15px;
}
#main-bar-l img.pic2
{
float:right;
margin-left:5px;
margin-right:-14px;
margin-top:-15px;
}
/*****************************************************************************************************************/
#main-bar-r
{
float:left;
display:block;
width:504px;
vertical-align:top;
height:100%;
padding:0 5px 10px 30px;
margin:0;
line-height:20px;
border-right:1px solid #F69744;
}
#main-bar-r p
{
margin-top:15px;
margin-bottom:15px;
}
/*****************************************************************************************************************/
#submenu-title
{
width:200px;
height:30px;
margin-left:30px;
margin-top:15px;
color:#F69744;
padding-top:4px;
padding-left:25px;
font-family:Arial;
font-size:18px;
text-align:left;
background:url(images/sub_title.png) no-repeat;
}
.submenu
{
margin:10px 10px 10px 30px;
color: #797979;
line-height:11px;
text-align:left;
text-decoration:none;
list-style:none;
}
.submenu li
{
color:#797979;
padding:8px;
padding-left:20px;
text-decoration:none;
border-bottom:1px dotted #797979;
}
.submenu li:hover
{
background:url(images/arrow.png) no-repeat left;
}
.submenu li.selected
{
background:url(images/arrow1.png) no-repeat left;
}
.submenu li.selected:hover
{
background:url(images/arrow1.png) no-repeat left;
}
.submenu a
{
color:#797979;
text-decoration:none;
}
.submenu a:hover
{
color:#797979;
text-decoration:none;
}
