• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Ron McLeod
  • Rob Spoor
  • Tim Cooke
  • Junilu Lacar
Sheriffs:
  • Henry Wong
  • Liutauras Vilda
  • Jeanne Boyarsky
Saloon Keepers:
  • Jesse Silverman
  • Tim Holloway
  • Stephan van Hulst
  • Tim Moores
  • Carey Brown
Bartenders:
  • Al Hobbs
  • Mikalai Zaikin
  • Piet Souris

Safari and IE issues.

 
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Please help me.If i code my application for IE will it work on safari?
 
Ranch Hand
Posts: 89
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi Ankit...
That depends on the type of code you write and your specification...what do you intend to code?
There are some css attributes that differ from one another like opacity and border radius and all...but rest of core functionality remains same...
Instead of handcoding everything..try to use a framework that is already tested for cross platform functionality...like the JQuery...Then your app works in IE, Safari, Chrome, Firefox...what not....every thing that JQuery supports...
 
Ankit Shukla
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
thanks tarun...i have another problem...the css runs properly in fire fox...but no background colors are shown in safari.the css looks like this.please help.



body {
margin: 0;
padding: 0;
background: #32281F url(images/img01.jpg) repeat-x left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #19130D;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #534616;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

p, ul, ol {
margin-top: 0;
line-height: 180%;
}

ul, ol {
}

a {
text-decoration: none;
color: #570008;
}

a:hover {
}

#wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
}

/* Header */

#header {
width: 1000px;
height: 94px;
margin: 0 auto;
}

/* Logo */

#logo {
float: left;
height: 65px;
margin: 0;
padding-top: 20px;
color: #FFFFFF;
}

#logo h1, #logo p {
margin: 0;
padding: 0;
}

#logo h1 {
float: left;
letter-spacing: -1px;
text-transform: lowercase;
font-size: 4.6em;
color: #FFFFFF;
}

#logo p {
float: left;
margin: 0;
padding: 30px 0 0 10px;
font: normal 14px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

#logo a {
border: none;
background: none;
text-decoration: none;
color: #FFFFFF;
}

/* Search */

#search {
float: right;
width: 300px;
height: 110px;
padding: 0;
}

#search form {
height: 41px;
margin: 0;
padding: 50px 0 0 20px;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search-text {
width: 195px;
padding: 5px 5px 4px 5px;
border: 1px solid #DEDEDE;
background: #FFFFFF;
text-transform: lowercase;
font: normal 11px Arial, Helvetica, sans-serif;
color: #703522;
}

#search-submit {
width: 50px;
height: 25px;
}

/* Menu */

#menu {
width: 960px;
height: 50px;
margin: 0px auto;
padding: 0px;
}

#menu ul {
padding: 0px;
padding: 0px 0px 0px 0px;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
margin-right: 3px;
height: 35px;
padding: 2px 30px 7px 30px;
border: none;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #211B15;
}

#menu a:hover, #menu .current_page_item a {
}

#menu .current_page_item a {
padding-left: 0;
}

#menu a:hover {
text-decoration: underline;
}

/* Page */

#page {
width: 1000px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}

/* Content */

#content {
float: right;
width: 710px;
margin: 0px;
padding: 0px;
}

.post {
margin-bottom: 25px;
}

.post .title {
padding: 30px 30px 0px 30px;
letter-spacing: -1px;
font-size: 38px;
color: #FFFFFF;
}

.post .title a {
border: none;
color: #54040D;
}

.post .meta {
padding-bottom: 5px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
}

.post .meta a {
}

.post .entry {
padding: 0px 30px 20px 30px;
padding-bottom: 20px;
text-align: justify;
}

.links {
display: block;
width: 100px;
height: 20px;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}

/* Sidebar */

#sidebar {
float: left;
width: 260px;
margin: 0px;
padding: 0px;
}

#sidebar ul {
padding: 0;
list-style: none;
}

#sidebar li {
margin: 0;
padding: 0;
}

#sidebar li ul {
margin-bottom: 30px;
padding: 0px 20px 20px 0px;
}

#sidebar li li {
line-height: 35px;
padding-left: 3px;
background: url(images/img07.jpg) repeat-x left bottom;
}

#sidebar li li span {
display: block;
margin-top: -20px;
padding: 0;
font-size: 11px;
font-style: italic;
}

#sidebar h2 {
margin-bottom: 20px;
padding: 12px 0px 0px 0px;
letter-spacing: -1px;
color: #FFFFFF;
}

#sidebar p {
margin: 0px 0px 20px 0px;
padding: 10px 20px 20px 0px;
text-align: justify;
color: #FFFFFF;
}

#sidebar a {
color: #FFFFFF;
}

#sidebar a:hover {
text-decoration: underline;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
padding: 20px;
}

#calendar table {
width: 100%;
}

#calendar tbody td {
text-align: center;
}

#calendar #next {
text-align: right;
}

/* Footer */

#footer-wrapper {
height: 250px;
background: url(images/img02.gif) repeat-x left top;
}

#footer {
width: 1000px;
height: 250px;
margin: 0px auto;
padding: 0px 0px;
background: url(images/img03.gif) no-repeat left top;
font-family: Arial, Helvetica, sans-serif;
}

#footer p {
margin: 0;
padding-top: 40px;
line-height: normal;
text-align: center;
text-transform: uppercase;
font-size: 10px;
color: #BD5555;
}

#footer a {
font-weight: bold;
color: #BD5555;
}

/* Background */

.bg1 {
background: url(images/img05.jpg) repeat-y left top;
}

.bg2 {
background: url(images/img04.jpg) no-repeat left top;
}

.bg3 {
background: url(images/img06.jpg) no-repeat left bottom;
}
 
Tarun Bolla
Ranch Hand
Posts: 89
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi Ankit,
I just copied your css to a html template document and this is what i get with safari...seems like it worked....or didnt i get your problem?
 
Paddy spent all of his days in the O'Furniture back yard with this tiny ad:
Thread Boost feature
https://coderanch.com/t/674455/Thread-Boost-feature
reply
    Bookmark Topic Watch Topic
  • New Topic