|
||||
Safari Browser Problem
__________________
Funny Junk / Hottest Blogger / Latest Games / Flower Arrangement / Malaysia Florist / |
|
||||
This is my css:
Code:
""
/*
* Default HTML tags
*/
a{
color: #0000ff;
text-decoration: none;
}
a:hover {
color: #B85B5A;
text-decoration: underline;
}
acronym, abbr {
cursor: help;
}
blockquote {
border-left: 3px solid #7098cc;
margin-left: 15px;
padding-left: 5px;
}
body {
/*background: #ededed url('img/background.png') repeat-x fixed;*/
color:#444; font-size:62.5%; font-family:Lucida Grande, Verdana, Arial, Sans-Serif; margin:0 auto; padding:0; text-align:center; background-color:#ffffff
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 15px 0 6px 0;
padding-bottom: 1px;
font-weight: bold;
color: #7098cc;
border-bottom: #444 1px solid;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #7098cc;
}
h3 {
font-size: 120%;
margin-top: 0;
}
/* Begin Images */
a img {
border: none;
}
img.niceborder {
padding: 5px;
border: 1px solid #D0D2D4;
background: transparent;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
float: right;
margin: 0 3px 3px 7px;
}
img.alignleft {
float: left;
margin: 3px 7px 3px 0;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/*
* Classes
*/
/* The credits at the bottom of the site */
#credit {
color: #333;
background: #a5c9e6;
font-size: 11px;
width: 734px;
margin: 0 3px 0 3px;
padding: 23px 0 10px 0;
text-align: center;
clear: both;
}
#credit a,
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
color: #444;
}
/* For the blog tagline */
.description {
font-size: 14px;
font-weight: normal;
}
/* Link to the comments */
.feedback {
color: #000000;
text-align: center;
clear: both;
text-transform: lowercase;
font-size: 12px;
}
.feedback a,
.feedback a:hover,
.feedback a:visited,
.feedback a:visited:hover {
text-decoration: underline;
color: #0000ff;
}
/* The post informations */
.meta {
font-size: 0.9em;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #d86969;
text-transform: lowercase;
text-decoration: none;
}
.meta {
color: #555;
font-weight: normal;
letter-spacing: 0;
}
.storycontent {
font-size: 12px;
/*font-size: 115%;*/
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #a5c9e6;
border: 1px solid #7098cc;
color: #444;
}
#commentform textarea {
width: 95%;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#content {
float: left;
width: 420px;
margin: 16px 8px 20px 16px;
overflow: hidden;
text-align: justify;
border:1px dashed #808080;
padding: 20px;
font-style:normal; font-variant:normal; font-color:#000000; font-weight:normal; line-height:20px; font-size:12px; font-family:Verdana, Arial, Tahoma, sans-serif
}
#content a{
color: #0000ff;
text-decoration: none;
}
#content a:hover {
color: #114477;
text-decoration: underline;
}
#content a:visited:hover {
color: #B85B5A;
}
#content ol li {
list-style: decimal;
}
#content ul {
margin-top: 10px;
margin-left: 35px;
}
#content ul li {
list-style-image: url('img/bullet_second_level.png');
}
#content-big {
float: default;
width: 504px;
margin: 16px 8px 20px 16px;
overflow: hidden;
text-align: justify;
}
#header {
font-size: 23px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 0.2em;
margin: 0 3px;
max-height: 120px;
/*background: url('img/background-top.png') repeat-x;; padding-left:60px; padding-right:10px; padding-top:15px; padding-bottom:36px*/
}
#header a,
#header a:hover,
#header a:visited,
#header a:visited:hover {
color: #7098cc;
text-decoration: none;
}
#footer {
width: 740px;
margin-bottom: 12px;
padding-top: 18px;
background: url('img/bottom.png') no-repeat;; margin-left:auto; margin-right:auto; margin-top:0
}
/*
* Left sidebar
*/
#menu-left {
float: left;
margin: 16px 8px 20px 8px;
width: 155px;
font-size: 11px;
}
#menu-left a,
#menu-left a:visited {
text-transform: lowercase;
text-decoration: none;
color: #444;
}
#menu-left a:hover,
#menu-left a:visited:hover {
color: #7098cc;
}
#menu-left ul ul {
margin-left: 15px;
}
#menu-left ul ul li {
list-style-image: url('img/bullet_first_level.png');
}
/* End of left sidebar */
/*
* Righter right sidebar
*/
#menu-right-right {
float: right;
margin: 16px 8px 20px 8px;
width: 155px;
font-size: 11px;
}
#menu-right-right ul ul {
margin-left: 15px;
}
#menu-right-right ul ul li {
list-style-image: url('img/bullet_first_level.png');
}
#menu-right-right ul ul ul.children {
margin-left: 10px;
}
#menu-right-right ul ul ul.children li {
list-style-image: url('img/bullet_second_level.png');
}
#menu-right-right a,
#menu-right-right a:visited {
text-transform: lowercase;
text-decoration: none;
color: #444;
}
#menu-right-right a:hover,
#menu-right-right a:visited:hover {
color: #7098cc;
}
/* End of righter right sidebar */
input#s {
width: 120px;
background: #a5c9e6;
border: 1px solid #7098cc;
color: #444;
}
#rap {
width: 850px;
margin: 0 auto;
/*background: url('img/rap.png') repeat-y;*/
text-align: left
}
#searchbutton {
margin-top: 2px;
}
#navigation {
padding: 15px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
__________________
Funny Junk / Hottest Blogger / Latest Games / Flower Arrangement / Malaysia Florist / |
|
||||
This is my header.php
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<meta name="generator" content="Microsoft FrontPage 5.0" /> <!-- leave this for stats please -->
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
<!--<script type="text/javascript">
function die_fucking_ie_die()
{
var myId;
if (navigator.appName.indexOf("Microsoft")!=-1) {
myId = document.getElementById("menu-left");
if (myId) {
myId.style.width = "155px";
}
myId = document.getElementById("wp-calendar");
if (myId) {
myId.style.width = "155px";
myId.style.marginTop = "10px";
}
myId = document.getElementById("content");
if (myId) {
myId.style.width = "411px";
}
myId = document.getElementById("menu-right-right");
if (myId) {
myId.style.width = "155px";
}
}
}
function ShowUtils()
{
document.getElementById("authorinfo").style.display = "";
document.getElementById("showinfo").style.display = "none";
document.getElementById("hideinfo").style.display = "";
}
function HideUtils()
{
document.getElementById("authorinfo").style.display = "none";
document.getElementById("showinfo").style.display = "";
document.getElementById("hideinfo").style.display = "none";
}
</script>-->
</head>
<!--<body onload="die_fucking_ie_die();">-->
<div id="rap">
<div id="header"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a><br /><span class="description"><?php bloginfo('description'); ?></span></div>
<?php get_sidebar(); ?>
<div id="content">
</div>
<!-- end header -->
__________________
Funny Junk / Hottest Blogger / Latest Games / Flower Arrangement / Malaysia Florist / |
|
|||
try to go with strict XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
__________________
Mazdev.com Webdesign, Postnuke Installation services, Autothemes design |
![]() |
«
Previous Thread
|
Next Thread
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | Rate This Thread |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| The best web browser | mozaks | Mamak Stall | 44 | 08-02-2006 03:37 AM |
| Safari Browser Problem | kahsoon | Graphic Design | 0 | 17-05-2005 11:20 AM |
| Look different on different browser | GeminiGeek | Website Design | 10 | 27-10-2004 09:49 AM |
| upload file via web browser | mbek | Website Programming | 2 | 06-04-2003 11:19 PM |
| Browser incompatibility | terranovae | Website Design | 7 | 18-05-2002 02:01 AM |
All times are GMT +8. The time now is 06:27 AM.
Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO 3.1.0 vBulletin skin by ForumMonkeys.com.
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO 3.1.0 vBulletin skin by ForumMonkeys.com.












Linear Mode

