• 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 all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • Paul Clapham
  • Devaka Cooray
  • Bear Bibeault
Sheriffs:
  • Junilu Lacar
  • Knute Snortum
  • Liutauras Vilda
Saloon Keepers:
  • Ron McLeod
  • Stephan van Hulst
  • Tim Moores
  • Tim Holloway
  • Piet Souris
Bartenders:
  • salvin francis
  • Carey Brown
  • Frits Walraven

Safari and IE issues.

 
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
  • 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
  • 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
  • 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
  • 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?
 
Acetylsalicylic acid is aspirin. This could be handy too:
ScroogeXHTML 8.7 - RTF to HTML5 and XHTML converter
https://coderanch.com/t/730700/ScroogeXHTML-RTF-HTML-XHTML-converter
    Bookmark Topic Watch Topic
  • New Topic