Go Back   Webmaster Malaysia Forum » Website Design & Development » Website Design

Reply
 
LinkBack Thread Tools Rate Thread Display Modes
  #1 (permalink)  
Old 25-05-2005, 09:18 AM
kahsoon's Avatar
Inspired Webmaster
 
Join Date: Mar 2005
Location: Kuala Lumpur
Posts: 113
Rep Power: 45
kahsoon is on a distinguished road
Send a message via MSN to kahsoon
Safari Browser Problem

http://www.kahsoon.com/2005/05/17/sa...owser-problem/

Hope u guys can help out
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #2 (permalink)  
Old 27-05-2005, 03:48 PM
Novice Webmaster
 
Join Date: Mar 2005
Location: Penang
Posts: 16
Rep Power: 0
shaq is on a distinguished road
Send a message via MSN to shaq Send a message via Yahoo to shaq
can i have a look at your css? maybe that will help better..
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3 (permalink)  
Old 28-05-2005, 03:35 AM
kahsoon's Avatar
Inspired Webmaster
 
Join Date: Mar 2005
Location: Kuala Lumpur
Posts: 113
Rep Power: 45
kahsoon is on a distinguished road
Send a message via MSN to kahsoon
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;

}
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #4 (permalink)  
Old 28-05-2005, 03:36 AM
kahsoon's Avatar
Inspired Webmaster
 
Join Date: Mar 2005
Location: Kuala Lumpur
Posts: 113
Rep Power: 45
kahsoon is on a distinguished road
Send a message via MSN to kahsoon
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 -->
Thanks for helping out...cos i've tried alot of times >.<
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #5 (permalink)  
Old 17-06-2005, 06:33 PM
Novice Webmaster
 
Join Date: Feb 2005
Location: Langkawi
Posts: 11
Rep Power: 0
Mazsalleh is on a distinguished road
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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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.


WebmasterMalaysia.com is Proudly Hosted by Exabytes Semi Dedicated Server.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58