Page 1 of 1

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

PostPosted: 15. 07. 2008. 16:41
by stari serator
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 :cry:

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 :P

:(

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

PostPosted: 15. 07. 2008. 17:13
by ihti
Hmmm meni izgleda OK, isto je kao i u FF.

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

PostPosted: 15. 07. 2008. 21:02
by stari serator
jel footer na mjestu u IE7? Meni nece ni sa defaultnim stylesheetom ni sa ovim mojim :cry:

Hvala ihti care!

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

PostPosted: 15. 07. 2008. 22:36
by bloodflood
nemam IE7.

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

PostPosted: 15. 07. 2008. 23:13
by anthrax
Kod mene nije na mjestu, pomaknut je udesno...

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

PostPosted: 16. 07. 2008. 01:58
by Axeman
Buraz, ja sam čekirao kod sebe, sve je ok...Da nije do rezolucije? Jedino mi to pada na pamet, koliko god glupo bilo... :roll:

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

PostPosted: 16. 07. 2008. 02:23
by anthrax
Nije ba OK, mozda niste otvarali pravi link. :mrgreen:

http://demo.ifelse.co.uk/

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

PostPosted: 28. 10. 2008. 00:13
by ihti
Na D666 stranici se koristi iframe u koji se ucitaje eksterna stranica http://www.destroyer666.net/newspage.htm

iframe je standardni HTML tag, znaci nista CSS/JS ali mu mozes dodijelit css klasu pa preko nje odredit width, height itd...

detaljnije o iframe: http://reference.sitepoint.com/html/iframe

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

PostPosted: 28. 10. 2008. 15:49
by stari serator
gej gej cms for the win...

al ie i css su trokurac, jedino opera nikad ne sjebava...

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

PostPosted: 03. 11. 2008. 20:45
by ihti
nemoj stavljat bg na iframe, stavi ga na eksternu stranicu koju ucitaje iframe...

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

PostPosted: 05. 11. 2008. 11:18
by Stargazer
Iframe-ovi su zlo ako se u pocetku ozbiljno ne ogranicis.
Gledam sad na poslu, neko na stranicu stavio jedan IF prije godinu dana. U medjuvremenu se malo pomalo sirila funkcionalnost. Sada na toj stranici ima 14 IF-ova i preko 1MB javascripta :mrgreen:

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

PostPosted: 05. 11. 2008. 11:36
by nekrodemon
+Abigail+ wrote:
uradila sam to vec nakon sto stavih kod na forum, ali mislila sam da ima neko adekvatnije rjesenje da ne moram ponavljati isti kod u svakoj eksternoj stranici koju ce morati ucitavati..

hvala u svakom slucaju


selma izostavi incantation, nista od njih :mrgreen: