Sedang Disiapkan

CSS Firefox/MSIE quick fix needed

I have a CSS problem that is bugging me to no end. I don't have time to figure it out, so I'm posting it here for a quick fix.

My problems that need fixing are:

1) In Firefox, the light gray extends too far right (beyond the nav menu). It needs to align with the menu, as shown in the MSIE screenshot.

2) In Internet Explorer, the transparent PNG banner image does not display properly, nor does the background image behind it (see MSIE screenshot)

3) In Internet Explorer, the Nav menu does not meet close to the banner. There is about a 1/2" gap that does not need to be there.

I have uploaded both screenshots for your review. I have attempted to describe the problem textually here and also graphically in the screenshots.

Here is the CSS:

body {

margin:0px; text-align:center;

background:#ccc url('images/[url removed, login to view]') repeat-y center;

}

.wrapper{

width:800px;

margin:0 auto;

background:#FFFFFF;

border-right:3px solid #ededed;

border-left:3px solid #ededed;

}

.navbg {

background:url('images/[url removed, login to view]') repeat-x;

width:100%;

height:54px;

border-bottom:2px solid #fff

}

#navcontainer ul

{

margin:0px;

padding-top: 10px;

list-style-type: none;

text-align: center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight:bold;

padding-top:9px;

padding-bottom:9px;

display:block;

width:100%;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a

{

text-decoration: none;

font-size: 12px;

font-weight:bold;

padding-right: 10px;

padding-top:19px;

padding-bottom:21px;

padding-left: 10px;

color:#fff;

width: 100%;

border-right:thin #333 solid;

border-left:thin #333 solid;

}

#navcontainer ul li a:hover

{

color:#ededed;

background:url('images/[url removed, login to view]') repeat-x top;

font-size: 12px;

font-weight:bold;

text-decoration:none;

margin-top:8px;

width: 100%;

height:28px

}

body, td, th {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #000;

}

.banner{

background:url('images/[url removed, login to view]') repeat-x;

height:130px;

width:100%;

border-bottom:3px solid #1553B9

}

.bannerontop{

background:url('images/[url removed, login to view]') no-repeat center;

height:96px;

padding-top:0px;

text-align:center

}

.content{

width:100%;

padding-top:40px;

padding-bottom:10px;

}

.leftcolumn{

width:180px;

padding-left:2px;

padding-bottom:20px;

background: #F1F1F1;

float:left;

text-align:left;

}

.rightcolumn{

width:575px;

float:right;

text-align:left;

}

h2{

background:url('images/[url removed, login to view]') no-repeat center;

font-weight:bold;

text-align:center;

font-size:11px;

color:#fff;

margin:0;

padding-top:14px;

padding-bottom:14px

}

.clear{

width: 100%;

height: 1px;

margin: 0 0 -1px;

clear: both;

}

/* controls width of the individual cells containing menu links */

.navvy

{

width: 97%;

margin-left:5px;

font-size: 11px;

padding-bottom:10px;

padding-top:5px;

text-align: center;

}

[url removed, login to view]

{

text-align: left;

list-style: none;

padding: 0;

margin: 0;

width: 100%;

}

[url removed, login to view] li

{

display: block;

margin: 0;

padding: 0;

}

[url removed, login to view] li a

{

display: block;

width: 95%;

font-weight:normal;

margin:0;

color: #000;

background:#ededed url('images/[url removed, login to view]') repeat-x;

border:1px solid #ededed;

text-decoration: none;

PADDING-LEFT:2PX;

padding-top:7px;

padding-bottom:7px

}

.navvy>ul#navvylist li a { width: auto; }

[url removed, login to view] li#active a

{

background: #F1F1F1;

color: #2A508A;

}

[url removed, login to view] li a:hover, ul#navvylist li#active a:hover

{

color: #000;

font-weight:bold;

background: #fff;

}

h3{

font-size:17px;

color:#39629F;

font-weight:bold;

text-align:center;

margin:0;

width:100%;

border-bottom:1px solid #ededed;

}

.info{

padding-top:5px;

padding-bottom:5px;

background:url('images/[url removed, login to view]') repeat-y left;

padding-left:10px;

color:#666;

font-size:10px;

margin-bottom:5px; margin-left:0; margin-right:0; margin-top:0

}

.maincontevt{

padding-left:5px;

padding-right:5px;

}

a:link {

color: #39629F;

text-decoration: none;

}

a:visited {

color: #39629F;

text-decoration: none;

}

a:hover {

color: #3366FF;

text-decoration: none;

}

a:active {

color: #39629F;

text-decoration: none;

}

a {

font-weight: bold;

}

.footer{

width:100%;

background:url('images/[url removed, login to view]') repeat-x;

padding-top:20px;

position:relative;

padding-bottom:20px;

clear:both;

text-align:center;

color:#fff

}

.footer a:link{

color:#fff;

font-size:11px;

}

.footer a:visited{

color:#fff;

font-size:11px;

}

.footer a:hover{

color:#CCC;

font-size:11px;

}

If you have any further clarification questions, please do not hesitate to contact me, and I will be glad to clarify my needs.

I would like this done pretty quickly, as I know this is just a CSS browser compatibility fix. Again, I just don't have time to mess with it.

My budget is $5-10 for this project. Please bid accordingly.

Thanks in advance :)

Scott

Kemahiran: Reka Bentuk Laman Web

Lihat lebih lanjut: css msie fix, aactive fix firefox, css margin fix firefox, css firefox fix, navvy ulnavvylist width auto, padding top firefox, firefox css padding fix, firefox fix css, ededed 333, msie repeat, firefox padding left, background ededed url repeat, website decoration, website browser compatibility fix you, website browser compatibility fix-it, website browser compatibility fix, transparent padding, top it problems, style fix website, quick text, quick fix website, problems that need fixing, posting style, padding background, my fix

Tentang Majikan:
( 0 ulasan ) Olive Branch, United States

ID Projek: #329813

18 pekerja bebas membida secara purata $36 untuk pekerjaan ini

soner

I can fix that easily. Please contact if interested.

$30 USD dalam sehari
(12 Ulasan)
7.0
sandy1000

ready to do it now! $10 for this, expert in css/html, cross browser supporting, plz view the pm to see my works, and reply asap so we can get started

$30 USD dalam sehari
(183 Ulasan)
6.9
deuxcode

Hi there. I would be happy to help you out. Please read my PM for details.

$30 USD dalam 0 hari
(8 Ulasan)
5.9
neongreen

Hi! I am very interested in your project and very experienced with this sort of work..but for further INFO please check your PM! With bets regards, neongreen.

$30 USD dalam sehari
(58 Ulasan)
5.1
YashpalSingh123

Hi, Can Start immediately effect. with in 2-3h i would Completely. Thanx

$30 USD dalam 0 hari
(6 Ulasan)
3.7
calavera

Can do it right now. You choose.

$30 USD dalam 0 hari
(5 Ulasan)
3.8
whatapaint

See your PM pls

$30 USD dalam 0 hari
(6 Ulasan)
3.2
ardent008

Okay I'm ready for that. Give it to me. My bid is for $10

$30 USD dalam sehari
(2 Ulasan)
2.1
webeans

Dear Sir, Plz check your pm for more details. Thanks. Regards, webeans

$40 USD dalam sehari
(1 Ulasan)
2.0
ajimonchacko

Will be done.

$30 USD dalam 2 hari
(0 Ulasan)
0.0
srinivaschanti

Hi Please check my PM

$100 USD dalam sehari
(0 Ulasan)
0.0
michalpl

i can do this

$30 USD dalam sehari
(0 Ulasan)
0.0
shincastlek85

Hello. I am software professional having good experience on php/mysql, Xhtml, Ajax,javascript. I make you sure that i will deliver work on [url removed, login to view] reply me to get your projects done with precision and complete sati Lagi

$50 USD dalam sehari
(1 Ulasan)
0.0
mandeep1000

hello sir i am one of the experts of such types of works i have solve many of such works and i can assure u that i can solve this problem in no time. hope to work with u view my pm to evaluate me.

$30 USD dalam sehari
(0 Ulasan)
0.0
vineetvrm05

Hi, I know very well how to fix your problems and can fix them. I have just sent you a PM please have a look and let me know.

$30 USD dalam sehari
(0 Ulasan)
0.0
barba

i can do it right now

$30 USD dalam sehari
(0 Ulasan)
0.0
kalpujsoft

Kindly See PM for details, Thank you.

$30 USD dalam sehari
(0 Ulasan)
0.0
hirenmodi

I have good command on css and can fix ur this bug. i have created many sites with tableless feature so i can do it.

$40 USD dalam 2 hari
(0 Ulasan)
0.0