/    Sign up×
Community /Pin to ProfileBookmark

Urgent Help!

Copy linkTweet thisAlerts:
Feb 13.2009

Hi
i have implement a design through a CMS. The problem i m facing that the design works fine with IE7 and Mozilla but it is now showing a box on right in IE6.
And 2nd prblem im facing is that i have call the background of footer but i want to stretch is the height of the footer background is 23px.

Can any one help me out with it.

to post a comment
CSS

15 Comments(s) ↴

Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — Pretty hard for anyone to help without either the code or a link to to problem page.

EfV
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — Do you mean that you want the blue footer image to be taller? So all the footer text will fit on it?

EfV
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — yes exactly!
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — In your footer change

BACKGROUND-REPEAT: no-repeat;

to

BACKGROUND-REPEAT: repeat-y;

Now I'll take at look at the IE 6 problem.

EfV
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — i have tried this but it appears like his let me change it and u check
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — yes u can see now it breaks in between
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — Your footer image has a light colored top edge, very thin but when you repeat the image it is very visible as a line between the first and second image. Footer should also be set to a little taller height, so print has a little space above and below the text.

EfV
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — still the same problem that white part which is appearing in the middle is still there.
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — The layout for your footer is now working just fine. There is no space between the repeated images. The problem is the image, it has a white line running all along the top edge. See attached closeup.

EfV
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — yes you r right also detected this mistake...so what should i do now should i slice it again?
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — Slice it or manually crop out that portion of your image or simply create a footer image from scratch. That image is just a 800 X23 gradiant, from light blue to dark blue.

Then be sure to give your new image the same name as the old.

EfV
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — ok thanks and how about that IE6 problem?
Copy linkTweet thisAlerts:
@Eye_for_VideoFeb 13.2009 — As far as the box appearing on the right, the problem is that in IE6, the margins, or padding, or something is rendering slightly different. The reason the box is on the right is because there is not room for it up where it should be.

"container" is 801px, you have 2 leftcol (should use unique names for div id) with 170 tables inside plus 1 px margins, plus a 454 box in the center. Just not enough room....Change the width of the table inside the second leftcol to 150 to verify.
[CODE]<div id="left" class="colborder">
<table height="100%" width="150"...[/CODE]
Now box is correctly positioned. Perhaps changing your center box will work also. But now, problem is not enough room when rendered in IE6. Play with that figure to get as close to 170 as you can, or try reducing size of both leftcol a little to keep them equal.

EfV
Copy linkTweet thisAlerts:
@tariq_wajihaauthorFeb 13.2009 — ok thanks will try i hope it works
×

Success!

Help @tariq_wajiha spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...