CSS + IE7 upomoc...na granici ludila...

IE7, govno kakvo jest, jednostavno ne zeli izbaciti footer pravilno, vazda ga stavi napola u desno...dajte sviju vam, neki fix za ovo, valja mi rollout zavrsit danas akobogda
Tema koju sam nelegalno izmasakrirao je ovdje http://ifelse.co.uk/emire
nasao sam fix koji je radio al sad nece
Regarding the IE footer issues: This is easily fixed by adding “height: 100%†to the body and wrapper styles. (Must be added to both.) The footer won’t “stick†in the viewport for IE this way and you’ll have to scroll all the way down to see it, but it’s a small price to pay to appease IE without jumping through hoops. The footer will stick in the viewport and scroll with you in Firefox.
Stylesheet:
/*
Theme Name: Bent Harpoon
Version: 1.0
Author: Emir Nukich
*/
/*************************************
+Containers
*************************************/
body{
background:#ffffff url("./images/anothertry.jpg");
color:#dedede;
font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
letter-spacing:1px;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
height:100%;
}
#wrap{
background:#3a3a3a;
border-left:2px solid #444;
border-right:2px solid #444;
border-bottom:1px solid #444;
margin:0 auto;
padding-top:20px;
text-align:left;
width:700px;
height:100%;
}
#content{
border-bottom:none;
border-top:none;
float:left;
padding:10px;
width:680px;
}
#footer{
position:fixed;
bottom:0;
width:100%;
background:#ffffff url("./images/footer.jpg");
border-top:none;
border-bottom:none;
color:#888;
clear:both;
padding:3px 0;
height: 45px;
}
/*************************************
+Header
*************************************/
#header{
background:#ffffff url("./images/header.jpg") ;
border-bottom:1px solid #c4cC91;
height:151px;
margin:0;
text-align:right;
width:100%;
}
#header h1{
font-size:2.2em;
font-weight:normal;
margin:0 auto;
padding-top:40px;
padding-left:200px;
text-align:right;
width:700px;
}
#header h1 a{
color:#000000;
}
#header p{
font-size:1em;
padding-left:30px;
margin:0 auto;
text-align:left;
width:700px;
}
/*************************************
+Hn
*************************************/
h1, h2, h3{
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
}
h2{
font-size:1.5em;
padding-right:5px;
}
h3{
font-size:1.2em;
}
/*************************************
+Navigation
*************************************/
#nav{
background:#3A3A3A;
border-top:none;
border-bottom:1px solid #555;
font-size:1.2em;
margin-top:-0.9em;
}
#navwrap{
display:block;
margin:0 auto;
width:900px;
}
#nav ul{
list-style-type:none;
margin-left:0px;
}
#nav ul li{
float:left;
font-weight:bold;
margin-top:2px;
padding:9px 10px;
}
#nav ul li a{
color:#fff;
}
#nav ul li a:hover{
color:#f5c887;
}
/*************************************
+Entry
*************************************/
.entry{
font-size:1.1em;
margin:5px;
padding:10px;
}
.entrytitle{
border-bottom:1px dotted #4F5158;
color:#888;
}
.entrytitle h2, .entrytitle h3{
display:inline;
font-weight:normal;
}
.entrytitle h2{
color:#fafafa;
}
.entrytitle h3{
font-weight:normal;
}
.entry-1{
background:#444444 url("./images/main.png") repeat-x;
border:1px solid #434343;
color:#ffffff;
font-size:1.3em;
}
.entry-1 .entrytitle{
border-bottom:1px solid #5F666A;
color:#897;
}
.entry-1 .entrytitle h2 {
color:#CDB;
}
body#home .entry-1 .entrytitle
{
background:url("./images/latest.png") no-repeat;
border-bottom:none;
height:45px;
padding-left:45px;
}
body#home .entry-1 .entrytitle h2{
display:block;
margin:0;
}
body#home .entry-1 .entrytitle h3{
display:block;
margin:0;
font-size:0.9em;
}
.entrymeta{
background:#434343;
font-size:0.8em;
padding:5px;
display:none;
}
.entry-1 .entrymeta{
display:block;
}
.postedby{
}
.filedto{
background:url("./images/file.gif") no-repeat 0 2px;
padding-left:15px;
}
.commentslink{
background:url("./images/comments.gif") no-repeat 0 3px;
padding-left:15px;
}
.navigation{
padding:5px;
background:#3e3e3e;
text-align:center;
}
/*************************************
+Misc
*************************************/
a{
text-decoration:none;
color:#bbb;
}
a:hover{
color:#f5c887;
}
#nav:after, #wrap:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
* html #nav, * html #wrap {height: 1%;}
editovan naravski...ovaj moj


Tema koju sam nelegalno izmasakrirao je ovdje http://ifelse.co.uk/emire
nasao sam fix koji je radio al sad nece
Regarding the IE footer issues: This is easily fixed by adding “height: 100%†to the body and wrapper styles. (Must be added to both.) The footer won’t “stick†in the viewport for IE this way and you’ll have to scroll all the way down to see it, but it’s a small price to pay to appease IE without jumping through hoops. The footer will stick in the viewport and scroll with you in Firefox.
Stylesheet:
/*
Theme Name: Bent Harpoon
Version: 1.0
Author: Emir Nukich
*/
/*************************************
+Containers
*************************************/
body{
background:#ffffff url("./images/anothertry.jpg");
color:#dedede;
font-family: 'Trebuchet MS', Tahoma, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
letter-spacing:1px;
line-height:1.5;
margin:0;
padding:0;
text-align:center;
height:100%;
}
#wrap{
background:#3a3a3a;
border-left:2px solid #444;
border-right:2px solid #444;
border-bottom:1px solid #444;
margin:0 auto;
padding-top:20px;
text-align:left;
width:700px;
height:100%;
}
#content{
border-bottom:none;
border-top:none;
float:left;
padding:10px;
width:680px;
}
#footer{
position:fixed;
bottom:0;
width:100%;
background:#ffffff url("./images/footer.jpg");
border-top:none;
border-bottom:none;
color:#888;
clear:both;
padding:3px 0;
height: 45px;
}
/*************************************
+Header
*************************************/
#header{
background:#ffffff url("./images/header.jpg") ;
border-bottom:1px solid #c4cC91;
height:151px;
margin:0;
text-align:right;
width:100%;
}
#header h1{
font-size:2.2em;
font-weight:normal;
margin:0 auto;
padding-top:40px;
padding-left:200px;
text-align:right;
width:700px;
}
#header h1 a{
color:#000000;
}
#header p{
font-size:1em;
padding-left:30px;
margin:0 auto;
text-align:left;
width:700px;
}
/*************************************
+Hn
*************************************/
h1, h2, h3{
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -1px;
}
h2{
font-size:1.5em;
padding-right:5px;
}
h3{
font-size:1.2em;
}
/*************************************
+Navigation
*************************************/
#nav{
background:#3A3A3A;
border-top:none;
border-bottom:1px solid #555;
font-size:1.2em;
margin-top:-0.9em;
}
#navwrap{
display:block;
margin:0 auto;
width:900px;
}
#nav ul{
list-style-type:none;
margin-left:0px;
}
#nav ul li{
float:left;
font-weight:bold;
margin-top:2px;
padding:9px 10px;
}
#nav ul li a{
color:#fff;
}
#nav ul li a:hover{
color:#f5c887;
}
/*************************************
+Entry
*************************************/
.entry{
font-size:1.1em;
margin:5px;
padding:10px;
}
.entrytitle{
border-bottom:1px dotted #4F5158;
color:#888;
}
.entrytitle h2, .entrytitle h3{
display:inline;
font-weight:normal;
}
.entrytitle h2{
color:#fafafa;
}
.entrytitle h3{
font-weight:normal;
}
.entry-1{
background:#444444 url("./images/main.png") repeat-x;
border:1px solid #434343;
color:#ffffff;
font-size:1.3em;
}
.entry-1 .entrytitle{
border-bottom:1px solid #5F666A;
color:#897;
}
.entry-1 .entrytitle h2 {
color:#CDB;
}
body#home .entry-1 .entrytitle
{
background:url("./images/latest.png") no-repeat;
border-bottom:none;
height:45px;
padding-left:45px;
}
body#home .entry-1 .entrytitle h2{
display:block;
margin:0;
}
body#home .entry-1 .entrytitle h3{
display:block;
margin:0;
font-size:0.9em;
}
.entrymeta{
background:#434343;
font-size:0.8em;
padding:5px;
display:none;
}
.entry-1 .entrymeta{
display:block;
}
.postedby{
}
.filedto{
background:url("./images/file.gif") no-repeat 0 2px;
padding-left:15px;
}
.commentslink{
background:url("./images/comments.gif") no-repeat 0 3px;
padding-left:15px;
}
.navigation{
padding:5px;
background:#3e3e3e;
text-align:center;
}
/*************************************
+Misc
*************************************/
a{
text-decoration:none;
color:#bbb;
}
a:hover{
color:#f5c887;
}
#nav:after, #wrap:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
* html #nav, * html #wrap {height: 1%;}
editovan naravski...ovaj moj

