Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

CSS issues in Safari


  • Please log in to reply
No replies to this topic

#1 AdamKB

AdamKB

  • Members
  • 6 posts
  • OFFLINE
  •  
  • Local time:05:55 PM

Posted 01 February 2010 - 09:48 AM

I'm working on a demo site using Wordpress as a CSS and everything seems to be fine until someone views it in Safari. I don't know what I've missed...

Here's the homepage:
http://alphasite.fatcow.com

Also, the image map on this page is also not working in Safari:
http://alphasite.fatcow.com/team/

The CSS is here (and most of the relevant of it is at the very bottom):

.main-menu { clear:both; float:none; width:700px; background-image: none; background-repeat: repeat-x;
background-position: 0 0; }
.sub-menu { float:right; overflow:hidden; padding-top: 20px; padding-right: 15px; padding-bottom: 0px;
padding-left: 0px; }
.sub-menu a { float:left; font-size:1.1em; padding:6px 39px 11px 41px; color:#2a2a2a; text-transform:uppercase;
text-decoration:none; }
.sub-menu a:hover { }

* { margin:0; padding:0; }

/* Begin Settings and Classes */
a { text-decoration:none; color:#888; }
a:hover { color:#343434; }
h1 a, h2 a, h3 a, #sitename { color:#343434; }
h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover { text-decoration:none; color:#000; }
p { margin:20px 0; }
h1, h2, h3, h4, h5, h6 { font-family: Century Gothic, Arial, Helvetica, sans-serif; color:#7c7c7c; }
h1, h2 { font-size:2em; line-height:30px; margin-bottom:14px; }
.entry h2 { font-size:18px; font-weight:100; margin-top:30px; color: #CC6600; }

h3 { font-size:1.5em; line-height:20px; margin-top:30px; }
h4, h5, h6 { margin-top:30px; }
.pagetitle { font:normal 1em/12px Century Gothic, Arial, Helvetica, sans-serif; text-transform:uppercase;
margin-bottom:20px; display:block; margin-top:-30px; }
small { font-size:1.1em; color:#333333; line-height:10px; }
small a { color:#0A87A0; }
.caps { text-transform:uppercase; margin-bottom:6px; display:block; }
code { font: 1.1em "Courier New", Courier, Fixed; }
pre { font: 1.1em "Courier New", Courier, Fixed; margin:1.5em; padding:10px; background:#fafafa; border:1px solid #eee; }
acronym, abbr { font-size: 0.9em; letter-spacing: .07em; }
hr { clear:both; width:80%; height:1px; border:none 0; color:#ccc; background-color:#ccc; margin:1.5em 0; }
img { border:none; max-width:100%; }
blockquote { margin-left:-21px; padding-left:21px; background:url(images/quote.gif) no-repeat 0 6px; color:#343434; }
.entry cite { font-style:italic; font-size:.9em; display:block; margin:5px 0 0; text-align:right; }
.entry cite:before { content: "\2014 \0020"; }
.post ul, .post ol, .post dl { margin:20px 0; }
.post ul ul, .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol { margin:0; }
.post li { padding:0 0 5px; }
.post ul li { background:url(images/icons.gif) no-repeat 0 -141px; padding-left:10px; list-style:none; margin-left:-10px; }
.post ol li li { margin-left:10px; }
.post li li { margin:0; }
.post li h3 { margin:0; }
.post dt { font-weight:bold; background:url(images/icons.gif) no-repeat 0 -141px; padding-left:10px; margin-left:-10px; }
.post dd { padding-left:10px; padding-bottom:5px; }
.clear { clear:both; height:0; line-height:0; font-size:1px; }
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }

/* Begin Images */
img.alignleft, .alignleft img { margin-right:10px; }
img.alignright, .alignright img { margin-left:10px; }
.wp-caption, .attachment img { text-align: center; }
.wp-caption p.wp-caption-text { font-size: .9em; color:#b6b6b6; margin: 0; }
.attachment, .caption { text-align:center; }
.attachment img { }
/* End Images / End Settings and Classes */

/* Begin Structure */
body { font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size:10px; color:#7c7c7c; text-align:center;
background-color: #fff; background-image: url(images/bg.png); background-repeat: repeat-x; }
#page { width:980px; text-align:left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding-top: 40px; padding-right: 0; padding-bottom: 70px; padding-left: 0; }
#teampix { float:left; width:100%; }

/* Begin Header */
#header { height:40px; border-bottom:1px solid #e6e6e6; margin-bottom:60px; }
#sitename { font-weight:normal; font-style:normal; font-family: Arial; font-size:72px; display:block; width:280px;
float:left; text-transform:uppercase; }
#header .alignright { padding-top:2px; }
#header .alignright a { display:block; float:right; text-transform:uppercase; height:20px; line-height:20px; padding-top:20px; }
#header .top { padding-right:5px; background-image: url(images/Linkedin.jpg); background-repeat: no-repeat; }
#header .rss { padding-right:8px; margin-right:10px; background-image: url(images/Twitter.jpg); background-repeat: no-repeat; }
#header .home { padding-right:8px; margin-right:10px; background-image: url(images/Facebook.jpg); background-repeat: no-repeat; }
#searchform { width:200px; }
#header #searchform { float:right; padding-top:15px; }
#s { width:167px; border:1px solid #e6e6e6; background:#f9f9f9; font-size:11px; padding:2px 3px 3px; float:left; }
#searchsubmit { float:right; }
/* End Header */

/* Begin Page List */
#nav { font-size:15px; float:left; padding-top:45px; width:600px; font-weight: bold; }
#nav a:hover, #nav .current_page_item a, #nav .current_page_parent a { color: #FF6600; }
#nav li { float:left; list-style:none; margin-right:25px; text-transform:uppercase; color: #FF0000; }
#nav li a { }
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a { }
/* End Page List */

#nav2{ background-color: #202020; display: block; font-size:1.1em; height:50px; width:100%; }
#nav2, #nav2 ul { line-height: 1; list-style: none; }
#nav2 a ,#nav2 a:hover{ border:none; display: block; text-decoration: none; }
#nav2 li { float: left; list-style:none; }
#nav2 a,#nav2 a:visited { color:#109dd0; display:block; font-weight:bold; padding:6px 12px; }
#nav2 a:hover, #nav2 a:active { color:#fff; text-decoration:none; }
#nav2 li ul { border-bottom: 1px solid #a9a9a9; height: auto; left: -999em; position: absolute; width: 900px; z-index:999; }
#nav2 li li { width: auto; }
#nav2 li li a,#nav2 li li a:visited { color:#109dd0; font-weight:normal; font-size:0.9em; }
#nav2 li li a:hover,#nav2 li li a:active { color:#fff; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { left: 30px; }

/* Begin Content */
#content { font-size:1.2em; line-height:20px; float:left; width:700px; }
#content a { color:#0A87A0; }
#content h2 { color:#0A87A0; font-size:18px; font-weight: bold; }
#content ul { text-indent: 10px; }
.post { margin-bottom:40px; }
.sticky, .byuser { border:5px solid #f9f9f9 !important; margin:-10px -10px 40px -50px;
background:url(images/sticky.gif) no-repeat 597px 5px; padding:5px 5px 5px 45px; }
.byuser { margin-left:-52px; padding-left:47px; background:url(images/author.gif) no-repeat 599px 5px; }
.bubble { display:block; float:left; margin:5px 10 0 0px; background: url(images/comments.gif);
width:30px; height:29px; line-height:19px; color:#fff; text-align:center; }
.bubble:hover { color:#b6b6b6; }
.entry { margin-left: 20px; }
.entry ul { margin-left: 30px; }
.navigation { min-height:10px; margin:30px -23px; text-transform:uppercase; line-height:10px; }
.post .navigation { border:solid #e6e6e6; border-width:1px 0; padding:9px 0; }
.attachment .navigation { height:150px; }
.navigation .alignleft a { background:url(images/icons.gif) no-repeat 0 -60px; padding-left:22px;
display:block; height:10px; float:left; }
.navigation .alignright a { background:url(images/icons.gif) no-repeat 100% -30px; padding-right:22px;
display:block; height:10px; float:right; }

/* Begin Comments */
.commentlist { margin-top:20px; }
.commentlist li { list-style:none; margin-bottom:30px; border-bottom:1px solid #e6e6e6; }
.commentlist li.alt { }
.commentmetadata, .comment-author { font-size:.9em; }
.comment-author { }
.avatar { float:left; display:block; margin:5px 0 0 -42px; }

#commentform { padding-bottom:10px; }
#commentform input, #commentform textarea { width:147px; border:1px solid #e6e6e6; background:#f9f9f9; font-size:11px;
padding:2px 3px 3px; }
#commentform textarea { width:500px; }
#commentform #submit { width:150px; border:none; background:#343434; font-size:11px; padding:0; color:#fff;
font-size:12px; cursor:pointer; padding:2px 0 3px; }
/* End Comments / End Content */

/* Begin Sidebar */
#sidebar { float:left; width:250px; color:#343434; font-size:1.1em; padding-top:3; padding-left: 20px; }
#sidebar ul { margin-top: 20px; }
#sidebar ul ul { margin: 0px; }
#sidebar ul ul ul { margin:0px; padding:0px; }
#sidebar ul li { list-style:none; margin-bottom:7px; list-style-position:inside; }
#sidebar li li { margin:0; background:url(images/icons.gif) no-repeat 0 -141px; }
#sidebar a { font-size:1.1em; }
#sidebar h4 { font-size:1.2em; font-weight:bold; color:#343434; line-height:15px; margin:0 0 12px; }
/* End Sidebar */

/* Begin Sidebar2 */
#sidebar2 { float:left; width:260px; color:#b6b6b6; font-size:1.1em; padding-top:3px; }
#sidebar2 ul { margin-top:120px; }
#sidebar2 ul ul { margin-left:10px; }
#sidebar2 ul ul ul { margin:0; padding:0; }
#sidebar2 ul li { list-style:none; margin-bottom:7px; }
#sidebar2 li li { margin:0; background:url(images/icons.gif) no-repeat 0 -141px; padding-left:10px; }
#sidebar2 a { font-size:1.1em; }
#sidebar2 h4 { font-size:1.2em; font-weight:bold; color:#F36726; line-height:15px; margin:0 0 12px; }
/* End Sidebar */

/* Begin Footer */
#footer { padding-top:24px; border-top:1px solid #7c7c7c; color:#7c7c7c; font-size:1.2em; line-height:20px; }
#footer span { display:block; height:20px; margin-top:6px; }
#footer .alignright { padding-top:2px; }
#footer .alignright a { display:block; float:right; text-transform:uppercase; height:10px; line-height:10px; padding-top:3px; }
#footer .top { padding-right:15px; background:url(images/icons.gif) no-repeat 100% 0; }
#footer .rss { padding-right:18px; margin-right:10px; background:url(images/icons.gif) no-repeat 100% -90px; }
#footer .home { padding-right:18px; margin-right:10px; background:url(images/icons.gif) no-repeat 100% -120px; }
/* End Footer / End Structure */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 260px; }
#wp-calendar th { text-align:center; color:#343434; }
#wp-calendar caption { text-decoration: none; font-weight:bold; font-size:1.1em; text-align: center; width: 100%; color:#343434; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { text-decoration: none; display: block; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { background-color: #fff; }
/* End Calendar */

#dropmenu, #dropmenu ul { margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative;
line-height:1.5em; z-index:998; width:100%; font-weight:bold;overflow:visible; }
#dropmenu a { display:block; padding:0.25em 1em; color:#7c7c7c; text-decoration:none; }
#dropmenu a { font-size:1.1em; font-weight: bold; text-transform:uppercase;}
#dropmenu a:hover { z-index:999; color:#000000; }
#dropmenu li { float:left; position:relative;z-index:999; }
#dropmenu ul { position:absolute; display:none; width:12em; top:1.9em; left:-1px;z-index:999; }
#dropmenu ul a { text-transform:uppercase; }


/* Adam's Fix */
#layoutdims { clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; }
/* column container */
.colmask { position:relative; clear:both; float:left; width:100%; overflow:visible; }
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }
.col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; overflow:visible; }
.col1 span {display:block; height:20px;margin-top:35px; }
.col3 span {display:block; height:20px;margin-top:35px; }
/* 3 Column settings */
.threecol { }
.threecol .colmid { right:25%; }
.threecol .colleft { right:50%; }
.threecol .col1 { width:46%; left:102%; }
.threecol .col2 { width:21%; left:31%; }
.threecol .col3 { width:21%; left:85%; }

#wrapper { width: 980px; margin: 0 auto; text-align: left; }
#column1, #column2, #column3, #column4 ,#footer{ padding: 0px; }
#section1 { float: left; width: 490px; }
#column1 { float: left; text-indent: 13px; width: 240px; height: 230px; background-repeat: no-repeat;
background-image: url(/wp-content/themes/AlphaMarketing/images/s10_boxes.png); }
#column1 div ul h4 { font-color: 0A87A0; }
#boxtitle { font-color: 0A87A0; }
#column2 { float: right; text-indent: 13px; width: 240px; height: 230px; background-repeat: no-repeat;
background-image: url(/wp-content/themes/AlphaMarketing/images/statusenvy_boxes.png); }
#section2 { float: right; width: 490px; }
#column3 { float: left; text-indent: 13px; width: 240px; height: 230px; background-repeat: no-repeat;
background-image: url(/wp-content/themes/AlphaMarketing/images/ddni_boxes.png); }
#column4 { float: right; width: 245px; }
#column4 ul { margin: 15px;}

Edited by AdamKB, 01 February 2010 - 04:30 PM.


BC AdBot (Login to Remove)

 





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users