LP_MAXI
Roosweb
chrillemeterCSS funkar i FF men inte i IE
Hejsan,
här har jag en kod som funkar hur bra som helst i FF men i IE blir alla <LI> som en trappa... fattar inte vart felet ligger...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...ransitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>lista</title>
<style type="text/css">
<!--
ul {
border:0;
margin:0;
padding:0;
}
#pagination-flickr li{
border:0;
margin:0;
padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}
-->
</style>
</head>
<body>
<ul id="pagination-flickr">
<li class="active">0</li>
<li><a href="default.asp">1</a></li>
<li><a href="default.asp">2</a></li>
<li><a href="default.asp">3</a></li>
<li><a href="default.asp">4</a></li>
<li><a href="default.asp">5</a></li>
<li><a href="default.asp">6</a></li>
</ul>
</body>
</html>
Välkommen till webbutveckling, du kan ju alltid skapa en "hack-cssfil", dvs en speciell css fil för IE som du laddar in och tillämpar om webbläsaren är internet explorer.
Det ar inget hack att anvanda sig av en css fil for samtliga versioner av IE, det ar darfor det finns, det ar betydligt snyggare an att man forsoker anvanda sig av CSS-hack med "/" och andra tecken i en orginal CSS fil.
las allt du behover veta har:
http://aspkoll.se/ForumRead.asp?id=12656#12657
Redigerad av voigtan
Anledning:
Hittade lite lankar pa det jag beskriver som en "dalig" vag att ga om man vill fuska i IE: http://www.div-css.com/html/XHTML-C...ck/1136667.html
Varfor detta ar daligt ar att detta ar upptackta buggar, men buggar kan rattas till vilket kommer ge dig mer problem i framtiden. lanken i aspkoll beskriver en inbyggt funktion i de flesta IE versioner(som ar intressanta idag) har denna funktionallitet med IF fragor, vilket kommer ignoreras av alla andra da det blir som en vanlig HTML kommentar.
jo, men ja fattar inte vart själva felet uppstår i ie... o där med kan jag inte rätta till felet... css:en som ni ser här ovan finns egentligen i IEfix.css
<!--[if IE]>
<styl e type="text/css" media="screen">
@import url('IE_fix.css');
</style>
<![endif]-->men jag hittar inte i själva CSSen vart jag ska ändra så den ska funka :S
ingen?? som kan hjälpa göra om ovanstående CSS kod så det funkar för IE?
Varfor foljer du inte bara tutorialen som du har fatt koden ifran: http://woork.blogspot.com/2008/03/p...-using-css.html
skriver exakt hur du gor for att det skall fungera. Simone Saveri version ar det som du skall anvanda dig av.
#pagination-flickr li { border:0; margin:0; padding:0; font-size:11px; list-
style:none; /* savers */ float:left; }
#pagination-flickr a { border:solid 1px #DDDDDD; margin-right:2px; }
#pagination-flickr .previous-off,
#pagination-flickr .next-off { color:#666666; display:block; float:left; font-
weight:bold; padding:3px 4px; }
#pagination-flickr .next a,
#pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
#pagination-flickr .active { color:#ff0084; font-weight:bold; display:block;
float:left; padding:4px 6px; }
#pagination-flickr a:link,
#pagination-flickr a:visited { color:#0063e3; display:block; float:left; padding:3px 6px;
text-decoration:none; }
#pagination-flickr a:hover { border:solid 1px #666666; }