i.e 6 issue... what am i doing wrong - CSS-Tricks

This topic is empty.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
September 10, 2011 at 3:50 pm #34304

sdavadi
Member

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 #86900

sdavadi
Member

any body??????

September 10, 2011 at 10:51 pm #86942
sdavadi
Member
thanks alot…
```
Home 


Contact


About






















{module_menu,}
```
September 11, 2011 at 9:07 am #86956

thomas
Member

Can we see the CSS too? A link to a working example would be best.

September 11, 2011 at 2:19 pm #86964

sdavadi
Member

thanks 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 #87055

sdavadi
Member

im having a hard time understanding the IE. 6 .box model
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘CSS’ is closed to new topics and replies.