Accessibility

CSS Advisor

site does not display in Safari. all others ok.

by ljgo on November 13, 2010 Avg Rating 5.0 (1)   |   Log in to rate post.

Tagged with Safari 3 , Safari 4 , background color is all that shows up. , Safari 2.0 , Safari 1.0 , Background

Problem

background color overtakes the whole viewport...this was not happening before.

Solution

tried disabling javascript, checked coding, removed and replaced most third party buttons, changed color of background. Im sure it's something simple, but what?

Detailed description

 http://www.readingdance.com

I recently added a second template with second CSS  for some new pages, but neither the new or old pages are visible in Safari. All the other browsers seem ok. Second template and second css are based on the first with a few changes.

my css:

@charset "UTF-8";
body  {
font: 100% Minion Pro Medium;
background: #333;
margin: 0; 
text-align: center; 
color: #000000;
}
 
.twoColHybLtHdr #container {
width: 780px;  
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000;
text-align: left;
.twoColHybLtHdr #header {
padding: 0; 
background-color: #CFF;
.twoColHybLtHdr #header h1 {
margin: 0; 
padding: 10px 0; 
font-family: "Minion Pro Semibold";
color:#333;
font-variant: normal;
font-style: normal;
text-align: center;
}
.twoColHybLtHdr #sidebar1 {
float: left;
width: 12em; 
padding: 0;
background-image: url(../rd2images/victor.jpg);
color: #F30;
background-repeat: no-repeat;
font-variant: normal;
font-weight: normal;
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
margin-left: 10px; 
margin-right: 10px;
}
.twoColHybLtHdr #mainContent {
margin-top: 0;
margin-right: 20px;
margin-bottom: 0;
margin-left: 13em;
.twoColHybLtHdr #footer { 
padding: 0 10px; 
background:#DAD8C5;
color: #FC3;
.twoColHybLtHdr #footer p {
margin: 0; 
padding: 10px 0; 
text-align: center;
color: #300;
}
 
/* Miscellaneous classes for reuse */
.fltrt
margin-left: 12px;
margin-bottom: 8px;
margin-top: 8px;
padding-top: 0px;
text-align: center;
}
.fltlft 
float: left;
margin-right: 13px;
font-size: 12px;
font-weight: bold;
}
.clearfloat { 
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.twoColHybLtHdr #container #footer p a {
text-decoration: blink;
color: #F00;
}
.twoColHybLtHdr #container #mainContent p a {
color: #F33;
text-decoration: none;
}
.twoColHybLtHdr #container #mainContent h5 a {
color: #F33;
text-decoration: none;
}
.twoColHybLtHdr #container #sidebar1 p a {
color: #F33;
text-decoration: none;
}
.red {
color: #F30;
}
.pullQuote {
font-size: 118%;
color: #000;
background-color: #DDD;
height: auto;
width: 150px;
padding-left: 15px;
margin-left: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 120%;
float: right;
}
.pullQuoteL {
font-size: 118%;
color: #000;
background-color: #DDD;
height: auto;
width: 150px;
padding-bottom: 15px;
margin-bottom: 15px;
line-height: 120%;
float: left;
margin-right: 15px;
padding-right: 15px;
/*padding-top: 15px;*/
padding-left: 15px;
}
#pullQuote {
font-size: 118%;
color: #000;
background-color: #DDD;
height: auto;
width: 150px;
padding-left: 15px;
margin-left: 15px;
line-height: 120%;
}
#headline {
background-color: #DDD;
padding-left: 15px;
margin-top: 15px;
}
 

 

 




Text ID: 200000



Comments (0)

To add a comment, please Log in.








CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (103)
Mozilla/Firefox (52)
Opera (18)
Safari (38)
CSS Properties
Background (25)
Border (10)
Color (10)
Float (23)
Font (6)
Margin (11)
Padding (9)
Position (40)
Text (30)
Width/Height (27)