CSS- IE-problem.

det finns ett litet IE CSS hack.
om du lägger till en _ framför så kommer inte Firefox läsa koden men IE gör det
så du kan ha t.ex.

padding-left: 10px;
_padding-left: 15px;

så blir det olika kod för de olika webläsarna

aha coolt, ska försöka med det tack så mkt!

det funka =) tack så mkt!

så lite så
annars ska du kolla upp regular och sk quirks mode av CSS, främst i IE. det är verkligen man ska ha i åtanke när man skriver CSS-kod

Det ska va <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict. dtd">

Sen är det kanske värt att kolla upp E conditional comments, ifall MS någonsin får för sig att fixa sina css buggar i senare versioner av IE.

ja tror det funkar bra i både IE och frefox nu...
men nu är det en annan sak:

Det funkar bara på upplösningar 1200 x nånting...harm an mindre upplösning syns inte bannern och bilden p¨å sidan försvinner.
det är så både i IE och firefox ..hr fixar man det ? :S

Har aldrig sett det där med understräck framför faktiskt! Hur fungerar det att använda i praktiken? Prioriterar IE atributet med understreck över det andra? och fungerar det i alla webbläsare mm? Undrar bara varför det inte är så vidare använt..

du far nog visa upp lite kod innan jag kan uttala mig

css koden eller html?

både och, börja med den grundläggande CSS:en

body {
margin: 20px 20px 0px 0px;
background: #fbbdfe;
}

a {color: #53454b;}
a:hover {color: #000;}

#wrapper {
margin: 0px auto;
width: 750px;
padding: 8px;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
width: 726px;
background-image: url(http://files.upl.silentwhisper.net/upload5/header_copy.jpg);
padding: 12px 12px 12px 12px;
margin:0px 0px 7px 0px;
voice-family:"\"}\"" ;
voice-family:inherit;
width:726px;
_width: 806px;
_height: 213px
}html>body #header { width: 806px; height: 213px}

#side {
background: url(http://files.upl.silentwhisper.net/upload2/Untitled-dfdf_copy.jpg);background-repeat: no-repeat;
width: 160px;
background-color:#fb8aff;
border-top:3px double #ffffff;
border-right:3px double #ffffff;
border-left:3px double #ffffff;
border-bottom:3px double #ffffff;
_border-top:3px double #ffffff;
_border-right:3px double #ffffff;
_border-left:3px double #ffffff;
_border-bottom:3px double #ffffff;
float:right;
width: 140px;
padding: 24px 12px 0px 12px;

}

#content {
border-top:3px double #fb8aff;
border-right:3px double #fb8aff;
border-left: 3px double #fb8aff;
width: 600px;
margin:0px;
float: left;
background: #Ffffff;
padding: 20px;
voice-family:"\"}\"" ;
voice-family:inherit;
width:528px;
}html>body #content { width: 528px }

#header a { color: #53454b; text-decoration: none; }

h1 {
font-family: verdana;
font-style:italic;
font-size: 2.7em;
letter-spacing:-.1em;
font-weight: bolder;
color: #000000;
padding-bottom:0px;
}

h2 {
font-family: verdana;
font-size: .8em;
font-weight: normal;
color: #000000;
padding-top:0px;
}

/** Entry headers **/
h3 {
font-family: verdana;
font-size: 1.1em;
font-weight: bold;
color: #fb8aff;
letter-spacing:+.1em;
font-style:underline;
margin: 0px 0px 10px 0px;
}

.navheader {
font-family:verdana;
font-size: 1.1em;
font-weight: bold;
color: #000000;
font-style:none;
}

.nav {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: bold;
}

.nav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
font-weight: normal;
}

.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}

.nav a { color: #53454b; }
.nav a:hover { color: #000; }

/** Post's body text **/
.entrybody {
font-family: verdana, arial, sans-serif;
font-size: .7em;
font-weight: normal;
color: #000000;
line-height: 140%;
margin: 0px 0px 10px 0px
}

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana;
font-size: .70em;
font-weight: normal;
color: #a68a96;
}

.entrymeta a { color: #53454b; }
.entrymeta a:hover { color: #000; }

.commentheader {
font-family: verdana;
font-size: .70em;
font-weight: bold;
color: #000000;
}

.commenttext {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #333;
line-height: 130%;
}

.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #53454b;
margin: 10px 0px 20px 0px
}

.commentmeta a { color: #53454b; }
.commentmeta a:hover { color: #000; }

.commentform {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}

.separator {
border-top: 3px double #a68a96;
border-bottom: 0px solid #CED2C8;
margin: 14px 0px 14px 0px
}

.default {
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #a68a96;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: Georgia, Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 3px double #a68a96;
margin: 0px 6px 6px 0px;
}

.thumbnail {
border: 3px double #a68a96;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

/*************************************** ************************************** * Calendar *
**************************************** *************************************/
#calendar {
clear:both;
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px 0px 6px 0px;
text-align: left;
width: 100px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #F1F1F1;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #F1F1F1;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}

#calendar table tr td ul li {
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

#profile {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size : 0.7em;
margin-bottom: 10px;
color: #444;
}

#profile h4{
font-family: georgia, verdana, Arial, Helvetica, Sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #a68a96;
font-style:italic;
padding: 0px;
margin: 0px;
}

#profile p{
}

form {
padding:0;
margin:0px 0px 10px 0px;
}