- This topic is empty.
-
AuthorPosts
-
September 10, 2011 at 3:50 pm #34304sdavadiMember
Ok as we all know every thing below I.E 9 sucks. and I.6 sucks the most.. Now here is a pic of my site in I.E 9 and all other browsers I.E 9 as u can see there is nothing wrong and its reading everything find…now lets look at it in I.6 I.E 6 :( this is my question can someone please tell me why is there extra space on the right….
September 10, 2011 at 4:48 pm #86900sdavadiMemberany body??????
September 10, 2011 at 10:51 pm #86942sdavadiMemberSeptember 11, 2011 at 9:07 am #86956thomasMemberCan we see the CSS too? A link to a working example would be best.
September 11, 2011 at 2:19 pm #86964sdavadiMemberthanks again the following css codes are for IE..the 1st is for IE9 AND BELOW
@charset “utf-8”;
html{
height:100%;
overflow-y: hidden;}
body{
height:100%;
background-color: #CCC;
margin:0px;
overflow: auto;}
#wrapper{
width:900px;
height:100%;
position:relative;
margin:0px auto;
background-color:#FFFFFF;
}#header{
height:200px;
width:700px;
position:absolute;}
#branding{
width:228px;
margin:0px 20px 0px 0px;
padding:0px;
float:left;}
#nav{
display:block;
width:375px;
position:absolute;}nav .group {
list-style: none;}
nav .group li {
list-style: none;
float:left;
padding-right:20px;
padding-left:20px}
nav .group .home a{
height:92px;
width:201px;
background-image:url(/howwehelp.jpg);
left:290px;
position:absolute;
text-indent:-1000px;}
nav .group .about a {
width:79px;
height:62px;
background-image:url(/resacrebuttons.jpg);
background-position: -536px top;
position:absolute;
left:570px;
text-indent:-1000px;
}
nav .group .contact a{
width:117px;
height:76px;
background-image:url(/resacrebuttons.jpg);
background-position: -383px top;
position:absolute;
left:400px;
text-indent:-1000px;
}
#main-content {
width: 900px;
}
#home #wrapper #main-content #guts {
background-color: #044435;
display: inline;
padding: 0px;
margin: 0px;
position:absolute;
left:0px;
width:900px;
height:300px;/* for old Konqueror browsers */
}
#home #wrapper #main-content #guts div.img {
background-image: url(file:///resacrebuttons.jpg);
background-position: -272px left;
height: 100px;
width: 100px;
position:absolute;
left: 159px;
top: 205px;}
#corp {
margin: 0px;
padding7: 0px;
width:322px;
position:absolute;
left:700px}
#home #wrapper #corp ul{
background-color:#044435;
width:280PX;
height:22PX;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px;}
#home #wrapper #corp ul li{
float:left;
text-decoration:none;
list-style:none;
margin-left:10px}
#home #wrapper #corp ul li a{
}
body {
padding:0px;
margin:0px;}.login{
background-image: url(/resacrebuttons.jpg);
width:48px;
height:80px;
position:absolute;
left:700px;
border:thin #006 solid ;}/* CSS Document */
/* sliding panel */
#toppanel {
position: absolute;
top: 0;
width: 100%;
z-index: 999;
text-align: center;
margin-left: auto;
margin-right: auto;
}#panel{
display:none}////the next is for IE6
@charset “utf-8”;
html{
padding:0
}
body{
height:100%;
background-color:#CCC;
margin:0px;
width:1000px;}
#wrapper{
width:900px;
height:1000px;
margin:0px;
background-color:#FFFFFF;
}#header{
height:200px;
width:700px;
position:absolute;}
#branding{
width:228px;
margin:0px 20px 0px 0px;
padding:0px;
float:left;}
#nav{
display:block;
width:375px;
position:absolute;}nav .group {
list-style: none;}
nav .group li {
list-style: none;
float:left;
padding-right:20px;
padding-left:20px}
nav .group .home a{
height:92px;
width:201px;
background-image:url(/howwehelp.jpg);
left:290px;
position:absolute;
text-indent:-1000px;}
nav .group .about a {
width:79px;
height:62px;
background-image:url(/resacrebuttons.jpg);
background-position: -536px top;
position:absolute;
left:570px;
text-indent:-1000px;
}
nav .group .contact a{
width:117px;
height:76px;
background-image:url(/resacrebuttons.jpg);
background-position: -383px top;
position:absolute;
left:400px;
text-indent:-1000px;
}
#main-content {
width: 900px;
}
#home #wrapper #main-content #guts {
background-color: #044435;
display: inline;
padding: 0px;
margin: 0px;
position:absolute;
left:0px;
width:900px;
height:300px;/* for old Konqueror browsers */
}
#corp {
margin: 0px;
padding7: 0px;
width:322px;
position:absolute;
left:700px}
#home #wrapper #corp ul{
background-color:#044435;
width:280PX;
height:22PX;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px;}
#home #wrapper #corp ul li{
float:left;
text-decoration:none;
list-style:none;
margin-left:10px}
#home #wrapper #corp ul li a{
}
body {
padding:0px;
margin:0px;}.login{
background-image: url(/resacrebuttons.jpg);
width:48px;
height:80px;
position:absolute;
left:700px;
border:thin #006 solid ;}/* CSS Document */
September 12, 2011 at 4:55 pm #87055sdavadiMemberim having a hard time understanding the IE. 6 .box model
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.