Problemer med stylesheet
HejJeg har en del problemer med min stylesheet. De ændringer jeg foretager mig i stylesheetet kan oftest ikke ses i aspx-filerne. Og nogle gange går der et stykke tid før ændringerne kan ses.
Og de bliver vist fuldstændig forskellige fra browser til browser.
Hvad kan jeg gøre for at løse problemet? Der er vist noget med reset af css filen. Men hvordan?
Min css fil ser sådan ud:
--------------
/* CSS Document */
body,html {
margin: 0px;
padding: 0px;
}
body
{
background-color : #ffdead;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background: #888888 url(images/page_back.gif) repeat-x top;
}
img {
border: 0px;
}
form {
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
}
div#wrapper {
width: 959px;
background-image: url(images/wrapper_back.gif);
margin: auto;
}
div#wrapper div#shadow_left {
background-color: #ffdead;
padding-left: 12px;
width: 947px;
}
div#wrapper div#shadow_left div#shadow_right {
background-color: #ffdead;
padding-right: 12px;
width: 935px;
}
div#wrapper div#navbar {
height: 42px;
background-color: #ffdead;
padding-left: 24px;
}
div#wrapper img#header_img {
border-bottom: 1px solid #FFFFFF;
display: block; /* remove gap underneath in IE */
}
div#wrapper div#sidebar {
float: left;
width: 147px;
margin-right: 2px;
}
div#wrapper div#sidebar a {
display: block;
height: 21px;
width: 134px;
line-height: 21px;
background-color: #FF8000;
color: #FFFFFF;
font-weight: bold;
padding-left: 13px;
}
div#wrapper div#sidebar a:hover {
background-color: #ffdead;
color: #7baded;
}
div#wrapper div#sidebar h1 {
color: InactiveCaptionText;
font-size: 11px;
margin: 0px;
padding: 0px;
height: 32px;
line-height: 32px;
padding-left: 11px;
padding-bottom: 3px;
background-color: Orange;
margin-bottom: -3px;
}
div#wrapper div#main {
float: left;
width: 786px;
}
div#wrapper div#main div.blue_bar {
height: 32px;
background-color: #ffdead;
}
div#wrapper div#main div.blue_bar img.left {
float: left;
}
div#wrapper div#main div.blue_bar2 {
height: 32px;
background-color: #ffdead;
}
div#wrapper div#main div.blue_bar2 img.left {
float: left;
}
div#wrapper div#main div.blue_bar div#welcome_box {
float: right;
padding-top: 7px;
height: 25px;
line-height: 25px;
text-align: center;
width: 280px;
background-color: #ffdead;
font-weight: bold;
color: #88a8df;
}
div#wrapper div#main div.blue_bar div#welcome_box span.date {
color: #cbdcf9;
}
div#wrapper div#main div#fp_featured_article {
background-color: #ffdead;
height: 208px;
padding-right: 20px;
}
div#wrapper div#main div#fp_featured_article h1 {
margin: 0px;
padding: 0px;
padding-top: 15px;
font-size: 15px;
}
div#wrapper div#main div#fp_featured_article h1 a {
}
div#wrapper div#main div#fp_featured_article h1 a:hover {
}
div#wrapper div#main div#fp_featured_article p {
margin: 0px;
padding: 0px;
padding-bottom: 15px;
}
div#wrapper div#main div#fp_featured_article img {
float: left;
margin-right: 45px;
display: block;
}
div#wrapper div#main div#fp_featured_article a {
font-weight: bold;
color: #FFFFFF;
}
div#wrapper div#main div#fp_whats_new {
height: 227px;
_height: 230px;
padding-top: 12px;
background-color: Orange;
border-bottom: 1px solid #878787;
padding-left: 2px; /* make up for first one... */
}
div#wrapper div#main div#fp_whats_new div.preview {
float: left;
width: 187px;
height: 217px;
margin: 0px 4px;
_margin: 0px 3px;
}
div#wrapper div#main div#fp_whats_new div.preview img.thumb {
border: 1px solid #888888;
margin-bottom: 3px;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc {
background-color: Orange;
border: 1px solid #888888;
padding: 7px;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc h1 {
color: #f7db16;
font-size: 11px;
margin: 0px;
padding: 0px;
padding-bottom: 7px;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a {
color: #f7db16;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a:hover {
color: #FFFFFF;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc div.links {
padding-top: 15px;
font-weight: bold;
color: #707070;
}
div#wrapper div#main div#fp_whats_new div.preview div.desc div.links a {
color: #707070;
}
div#wrapper div#main div#black_div {
clear: both;
background-color: Orange;
height: 27px;
}
div#wrapper div#main div#main_left {
width: 504px;
padding: 0px 10px;
float: left;
color: #515151;
padding-top: 9px;
}
div#wrapper div#main div#main_left div.fp_article {
padding: 5px;
background-color: Orange;
margin: 3px 0px;
border: 1px solid #cbcbcb;
height: 94px;
}
div#wrapper div#main div#main_left div.fp_article div.thumb {
width: 154px;
height: 94px;
float: left;
text-align: center;
background-color: Orange;
margin-right: 10px;
line-height: 94px;
vertical-align: middle;
}
div#wrapper div#main div#main_left div.fp_article div.thumb img {
border: 1px solid #FFFFFF;
margin-top: 11px;
}
div#wrapper div#main div#main_left div.fp_article strong,
div#wrapper div#main div#main_left div.fp_article a {
color: #2b67ba;
}
div#wrapper div#main div#main_left div.fp_article span.date {
color: #b6b6b6;
font-size: 10px;
}
div#wrapper div#main div#main_left div#fp_ads {
padding: 5px;
background-color: Orange;
margin: 3px 0px;
border: 1px solid #999999;
}
div#main div#main_right {
width: 260px;
float: right;
padding-top: 9px;
}
div#main div#main_right div.black_box {
background-color: Orange;
width: 258px;
color: #707070;
font-size: 10px;
padding-bottom: 6px;
margin-bottom: 5px;
}
div#main div#main_right div.black_box a {
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
}
div#main div#main_right div.black_box a:hover {
color: #f7db16;
}
div#main div#main_right div.black_box div.entry {
height: 50px;
margin: 7px;
}
div#main div#main_right div.black_box div.entry img {
float: left;
border: 1px solid #888888;
margin-right: 10px;
}
div#main div#main_right div.black_box div.topic {
background-color: Orange;
padding-left: 20px;
margin-top: 10px;
}
div#wrapper div#footer {
clear: both;
height: 94px;
background-color: Orange;
color: #707070;
}
div#wrapper div#footer a {
color: #FFFFFF;
}
div#wrapper div#footer a:hover {
color: #f7db16;
}
div#wrapper div#footer div#footer_left {
float: left;
margin-left: 14px;
margin-top: 40px;
}
div#wrapper div#footer div#footer_right {
font-weight: bold;
float: right;
margin-top: 40px;
margin-right: 43px;
}
