Convert CSS/Web Page that works on Safari and Firefox to work on Internet Explorer 8
$30-5000 USD
Completed
Posted over 13 years ago
$30-5000 USD
Paid on delivery
Hi,
I have created a single web page and single CSS sheet that works on Safari and Firefox. However, it looks very bad on Internet Explorer. CSS/HTML is not my strong suite, and so I need someone to review and make changes and get it working correctly. The single HTML page and CSS file will be made available through remote FTP access.
## Deliverables
Here is the CSS for the existing page to give you an idea of what is there already.
.promoSlideshow1 {
height: 303px;
width: 292;
margin: none;
overflow: hidden;
}
#rowContainer {
margin: 5px;
padding: 0;
width: 600px;
height: 80px;
background-color: #E9F2D9;
border-style: ridge;
}
#rowPArea {
float: left;
width: 100px;
height: 75px;
margin: 0 0 0 0;
padding: 0;
background-color: red;
color: #000;
}
#rowContentBlock {
float: left;
width: 377px;
height: 80px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
#imageArea{
float: left;
width: 75px;
height: 75px;
padding: 2px;
}
#rStrip{
float: left;
width: 130px;
height: 20px;
//padding: 2px;
overflow: hidden;
}
#iconStripArea{
float: right;
width: 80px;
height: 20px;
//padding: 2px;
overflow: hidden;
text-align: right;
padding-right: 2px;
}
#eTypeBlock{
overflow: hidden;
color:black;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
//
.eDescription{
color:black;
font-family:arial,helvetica,sans-serif;
font-size:12px;
height: 28px;
overflow: hidden;
position: relative;
vertical-align: top;
top: 0px;
}
.pFrame{
height:75px;
width:140px;
background-repeat:no-repeat;
float: left;
margin: 2px 2px 0;
padding: 0;
//background-color: red;
color: #000;
}
.pText{
color: black;
text-decoration: none;
padding-top: 25px;
letter-spacing: 1px;
color: black;
font-size: 20px;
font-family: Verdana;
font-weight: bold;
text-align: center;
margin-top: -76px;
}
.eventStatusBlock{
color:#008a8a;
border-bottom: 0;
border-top: 0;
overflow: hidden;
}
.pagerFrameTop{
font-family: verdana;
letter-spacing:2px;
padding:0px;
bottom:0px;
padding:0px;
border: 1px solid #fff;
margin: 5px auto 10px;
}
.pagerFrameBottom{
font-family: verdana;
letter-spacing:2px;
padding:0px;
bottom:0px;
padding:0px;
border: 1px solid #fff;
margin: 5px auto;
}
.pTextLink{
color: black;
text-decoration: none;
letter-spacing: 1px;
font-size: 20px;
font-family: Verdana;
font-weight: bold;
text-align: center;
margin-top: -74px;
}
[login to view URL]{
color: black;
text-shadow: #fdfed7 0px -1px 0;
}
.rowData{
width: 620px;
border: 1px solid red;
float: left
}
* {
margin:0;
padding:0;
}
a, a:link, a:visited, a:active {
color:#2786C2;
cursor:pointer;
outline:medium none;
text-decoration:none;
}
a:hover {
color:#F75342;
cursor:pointer;
text-decoration:none;
}
ul {
list-style-type:none;
}
li {
list-style-type:none;
}
h1, h2, h3 {
font-family:arial,sans-serif;
}
#everything {
background:none repeat scroll 0 0 #E22128;
margin:0 auto;
text-align:left;
width:980px;
}
[login to view URL] {
vertical-align:middle;
}
.main {
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
border-top-left-radius: 20px 20px;
border-top-right-radius: 20px 20px;
background:none repeat scroll 0 0 #FFFFFF;
font-size:11px;
position: absolute;
width:980px;
margin-top: 163px;
}
#cap {
height:10px;
}
.columns {
padding-left:20px;
padding-right:20px;
width:940px;
height:1100;
}
.column {
color:#3E3E3E;
float:left;
font-size:11px;
}
#header {
position:relative;
}
#header h1 {
color:#3E3E3E;
font:bold 36px/36px arial,sans-serif;
padding: 0 20px;
}
#toolbar {
position:absolute;
right:20px;
text-align:right;
top:15px;
width:400px;
z-index:100;
}
div#top {
height:85px;
position:relative;
width:980px;
z-index:1111;
}
div#top img#logo {
position:absolute;
z-index:999999;
width: 250px;
height: 90px;
top: 12px;
left: 12px;
}
#newmenudo2 {
background:none repeat scroll 0 0;
border:0 none;
height:50px;
left:290;
position:absolute;
top:0;
}
img {
border:0 none;
}
.clear {
clear:both;
display:block;
visibility:hidden;
}
[login to view URL] {
overflow:hidden;
position:relative;
}
[login to view URL] [login to view URL] {
background-color:#E22128;
height:25px;
text-align:left;
width:300px;
}
[login to view URL] [login to view URL] h4 {
color:#FFFFFF;
float:left;
font-family:verdana,sans-serif;
font-size:11px;
line-height:25px;
margin:0;
padding:0 0 0 8px;
text-align:left;
}
[login to view URL] [login to view URL] {
border-color:#E22128 transparent -moz-use-text-color;
border-style:solid solid none;
border-width:6px 6px 0;
height:0;
left:16px;
position:absolute;
top:24px;
width:0;
z-index:2;
border-left-color: transparent;
border-left-style: solid;
border-left-width: 6px;
border-right-color: transparent;
border-right-style: solid;
border-right-width: 6px;
border-top-color: #E22128;
}
#bottomArea{
position:relative;
z-index:2005;
}
#bottomArea ul {
padding:20px;
}
#bottomArea ul li {
background:none repeat scroll 0 0 #F6F6EA;
color:#A4A4A4;
font-size:10px;
height:23px;
line-height:23px;
margin-bottom:1px;
padding:0 10px;
}
#bottomArea ul li .category {
color:#3E3E3E;
font-weight:bold;
}
#bottomArea ul li span {
color:#3E3E3E;
}
#bottomArea ul li span.legal_eagle {
color:#969696;
}
#bottomArea ul li div.legal_container {
float:left;
}
div#header {
margin-bottom:0px;
}
div#columnA {
margin:0 10px 0 0;
width:620px;
}
div#columnA h2 {
font:bold 24px arial,sans-serif;
margin:0 0 10px;
}
div#columnA .section {
margin:0 0 30px;
}
div#columnA .section h3 {
color:#3E3E3E;
font:bold 18px arial,helvetica,sans-serif;
margin:0 0 5px;
}
div#columnA .section p.header_body {
color:#969696;
font:bold 16px/22px arial,helvetica,sans-serif;
margin:0 0 0px;
}
div#columnA .section p.header_body em {
color:#3E3E3E;
font-style:normal;
}
div#columnA .section p.header_body [login to view URL] {
display:block;
float:right;
margin:0 0 10px 10px;
}
div#columnA .section p {
color:#3E3E3E;
font:11px/18px verdana,helvetica,sans-serif;
}
div#columnA .section p.press_quote {
color:#969696;
font:bold 14px/20px arial,helvetica,sans-serif;
}
div#columnA .section ul {
list-style-type:none;
}
div#columnA .section ul#brogrammers {
margin:10px 0;
}
div#columnA .section ul#brogrammers li {
float:left;
margin:0 10px 10px 0;
width:195px;
}
div#columnA .section ul#brogrammers li img {
margin:0 10px 0 0;
vertical-align:middle;
}
div#columnA .section ul#brogrammers li a {
font:bold 12px arial,sans-serif;
}
div#columnA .section [login to view URL] {
margin:10px 0;
}
div#columnA .section [login to view URL] li {
display:block;
float:left;
margin:0 0 10px;
}
div#columnA .section [login to view URL] [login to view URL] {
background:url("[login to view URL]") no-repeat scroll left top transparent;
margin:0 10px 0 0;
padding:0 0 0 60px;
width:225px;
}
div#columnA .section [login to view URL] [login to view URL] {
background:url("/[login to view URL]") no-repeat scroll left top transparent;
padding:0 0 0 60px;
width:260px;
}
div#columnA .section [login to view URL] li h6 {
font:bold 16px arial,sans-serif;
}
div#columnA .section [login to view URL] li p {
margin:0;
}
div#columnA .section [login to view URL] li a {
font:bold 12px arial,sans-serif;
}
div#columnA .section .press_mark {
color:#FF5D3B;
display:block;
float:left;
font:bold 36px arial,helvetica,sans-serif;
margin:-10px 3px -36px 0;
padding:7px 0 0;
}
div#columnA .section .press_source {
line-height:18px;
margin:5px 0 0;
}
div#columnA .section .press_timestamp {
}
div#columnA .section .partnership_opps {
margin:5px 0 10px 10px;
}
div#columnA .section .partnership_opps li {
color:#3E3E3E;
float:none;
font:11px verdana,helvetica,sans-serif;
margin:0 10px 5px 0;
}
div#columnA .section .stats ul {
margin:0 0 10px;
}
div#columnA .section .stats li {
color:#969696;
float:none;
font:bold 18px/24px arial,helvetica,sans-serif;
margin:15px 0 0;
}
div#columnA .section .stats li strong {
color:#FF9900;
font:bold 36px/24px arial,helvetica,sans-serif;
}
div#columnA .section .stats p {
color:#3E3E3E;
font:11px verdana,helvetica,sans-serif;
}
div#columnA .section_header {
margin:0 0 10px;
}
div#columnA .section_header h3 {
font:bold 24px arial,helvetica,sans-serif;
margin:0 0 5px;
}
div#columnA .press_archive {
}
div#columnA .press_archive h3 {
color:#969696;
font:bold 36px arial,helvetica,sans-serif;
margin:10px 0 5px;
}
div#columnA .press_archive li {
font:bold 14px arial,helvetica,sans-serif;
padding:10px 0;
}
div#columnA .press_archive li .source {
font:11px verdana,helvetica,sans-serif;
}
div#columnB {
position:absolute;
left:660px; top:50px; width:305px; z-index:1
margin:0 0 0 10px;
}
div#columnB .content {
margin:0 0 20px;
}
div#columnB .content ul {
line-height:16px;
margin:10px 0 0;
}
div#columnB .learn_more {
margin:0;
}
div#columnB .learn_more ul li {
margin:0 0 7px;
}
div#columnB .learn_more ul li strong {
font:bold 14px/16px arial,helvetica,sans-serif;
}
/* menu */
#menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:45px; display:inline-block; float:left; z-index:1000; }
#menu a { color:#fff; text-decoration:none; }
#menu > li {background:#172322 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
#menu > li a:hover {color:#B0D730;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:45px; width:150px; line-height:16px; background-color:#172322; color:#B0D730; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px; border-top: dotted 1px #606060; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#0395CC; }
#menu li ul li a:hover { color:#B0D730; }
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#7cb7e3; color:#fff; z-index:999;}
/* search */
.searchContainer div { background-color:#fff; display:inline; padding:5px;}
.searchContainer input[type="text"] {border:none;}
.searchContainer img { vertical-align:middle;}
/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right { position:absolute; top:0px; left:150px;}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:132px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}
/*#E7E7DE */
body {
background:none repeat scroll 0 0 #E22128 ;
font-family:verdana,sans-serif;
font-size:12px; margin:0px 20px;
}
.paginate {
font-family: arial,helvetica,sans-serif;
font-size: 12px;
}
[login to view URL] {
border: 1px solid #000080;
padding: 2px 6px 2px 6px;
text-decoration: none;
color: black;
}
[login to view URL] {
border: 1px solid #000080;
font: bold 14px Arial,Helvetica,sans-serif;
padding: 2px 6px 2px 6px;
cursor: default;
background:#000080;
color: whitesmoke;
text-decoration: none;
}
[login to view URL] {
border: 1px solid #999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 2px 6px 2px 6px;
color: black;
cursor: default;
}
[login to view URL]:link {
color: black;
cursor:pointer;
outline:medium none;
text-decoration:none;
}
[login to view URL]:hover {
background-color: #000080;
color: white;
text-decoration: underline;
}
div#[login to view URL] {
font: 13px Arial, Helvetica, sans-serif;
color: #212121;
height: 32px;
margin-top: 1px;
}
Project ID: 3748465
About the project
9 proposals
Remote project
Active 14 yrs ago
Looking to make some money?
Benefits of bidding on Freelancer
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
2.7
2.7
9 freelancers are bidding on average $36 USD for this job
5.2
5.2
4.7
4.7
3.2
3.2
2.4
2.4
2.2
2.2
0.0
0.0
0.0
0.0
0.0
0.0
About the client
Valrico, United States
4
Member since Sep 7, 2011
Client Verification
Other jobs from this client
$250-750 USD
$30-5000 USD
$30-5000 USD
Similar jobs
₹1500-12500 INR
£20-250 GBP
£5-10 GBP / hour
₹600-1500 INR
$10-30 AUD
$30-250 CAD
$750-1500 USD
$1500-3000 USD
$8-15 USD / hour
₹600-1500 INR
$4-5 USD / hour
€18-36 EUR / hour
$10-20 USD / hour
₹1500-12500 INR
$4-5 USD / hour
$10-30 USD
$15-25 USD / hour
₹37500-75000 INR
€8-30 EUR
$8-15 USD / hour
Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Copy to clipboard failed, please try again after adjusting your permissions.
Copied to clipboard.
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.