Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
I cant figure this out my eyes are buggin... why does my "Exclusive Offers" center in IE but not firefox? http://www.medsupplier.com/autoclaves-medical-equipment.aspx This is killing me and my mind is swirling. Can someone take a fresh look at this please?
|
|
|
|
|
|
Rank: Member
Joined: 1/18/2008(UTC)
Posts: 50
|
Bryan, It may help if you share your css code for the <div id="ExclusiveOffers">, <div class="ExclusiveOffersMiddle"> classes. I've ran into this with when I made the navigation box, usually it is the padding or the margin properties which can differ in each browser.
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
Code:
/* Exclusive Offers */
#ExclusiveOffers { width: 730px; margin: 30px 0px; text-align: center; display: block;}
.ExclusiveOffersMiddle {background: url('../images/Cats/exclusive-offers-middle.jpg') repeat-y; width: 710px; display: block; }
.ExclusiveOffersMiddle .content {padding: 10px; text-align: left;}
.ExclusiveOffersMiddle .content .offer {width: 225px; padding: 1px; float:left; text-align:center; border-right: 1px solid #eaeaea;}
.ExclusiveOffersMiddle .content .offer h3 {font-size: 15px; line-height: 16px; margin-bottom: 0px; color: #f5690c; font-weight: bold; }
.ExclusiveOffersMiddle .content .offerend {width: 228px; float:left; text-align:center; border-right: none;}
.ExclusiveOffersMiddle .content .offerend h3 {font-size: 15px; line-height: 16px; margin-bottom: 0px; color: #f5690c; font-weight: bold;}
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
i cannot get this thing to center in Firefox.... so annoying my heads going crazy LOL.
|
|
|
|
|
|
Rank: Member
Joined: 1/18/2008(UTC)
Posts: 50
|
Did you try to change the width of the middle block? such as to 730:
.ExclusiveOffersMiddle {background: url('../images/Cats/exclusive-offers-middle.jpg') repeat-y; width: 730px; display: block; text-align:center;}
|
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
The simplest way with your current setup is to give .ExclusiveOffersMiddle automatic margins on each side, like margin: 0 auto;. |
|
|
|
|
|
|
Rank: Member
Joined: 1/10/2005(UTC)
Posts: 714
Thanks: 14 times
Was thanked: 1 time(s) in 1 post(s)
|
Originally Posted by: "Cliff" 
The simplest way with your current setup is to give .ExclusiveOffersMiddle automatic margins on each side, like margin: 0 auto;.
I knew it! Sometimes you forget the easiest of easiest things. man this thing was driving me crazy! Thanks.
|
|
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.