This week's giveaway is in the JDBC forum.
We're giving away four copies of Java Database Connections & Transactions (e-book only) and have Marco Behler on-line!
See this thread for details.
Win a copy of Java Database Connections & Transactions (e-book only) this week in the JDBC forum!
  • 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
  • Devaka Cooray
  • Knute Snortum
  • Paul Clapham
  • Tim Cooke
Sheriffs:
  • Liutauras Vilda
  • Jeanne Boyarsky
  • Bear Bibeault
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Ron McLeod
  • Piet Souris
  • Frits Walraven
Bartenders:
  • Ganesh Patekar
  • Tim Holloway
  • salvin francis

Safari and IE issues.  RSS feed

 
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?
 
Would you turn that thing down? I'm controlling a mind here! Look ... look at the tiny ad ...
how do I do my own kindle-like thing - without amazon
https://coderanch.com/t/711421/engineering/kindle-amazon
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!