Forums / General Questions / Pages too wide in IE

Pages too wide in IE

Locked

Views: 2,970

Results 21 to 26 of 26
This thread is locked. New replies are disabled.
18 Mar 2010, 12:12 PM
#21
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Pages too wide in IE

The longer the journey, the greater the opportunities to learn.

Oh drat. You've got me doing it again. :blush:

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

18 Mar 2010, 12:15 PM
#22
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Re: Pages too wide in IE

HAHAHA, but that is true as well. Dumb as a post, I still have picked up many valuable nuggets of golden value along the way. I enjoy giving them to others whenever the chance lends itself.

I await your thoughtful response.
Thank you

18 Mar 2010, 12:23 PM
#23
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Re: Pages too wide in IE

if ur still around and still in a good morning mood, can you give me some idea why my end caps(background images) don't lineup?

I await your thoughtful response.
Thank you

18 Mar 2010, 12:56 PM
#24
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Pages too wide in IE

Looking for a teleport huh?

OK. Strap yourself in.

Your background images are displayed in different ways. for the header and footer they are images embedded in the HTML, for the main body of your site it's a background image.

Since your site width is 850px and your image is only 848px you have scope for small differences. Your header and footer images are centred within the 850, the background image starts to the left, so step 1, find this

#mainWrapper {
background: url(../images/wrapper_bg.jpg);
text-align: left;
width: 850px;
vertical-align: top;
/border: 1px solid #9a9a9a;/
}and change it to this> #mainWrapper {
background: url(../images/wrapper_bg.jpg) top center;
text-align: left;
width: 850px;
vertical-align: top;
/border: 1px solid #9a9a9a;/
}This will almost solve the problem, except that your footer image will be a pixel thin either side. The easiest way to solve this would be to use CSS to add left and right borders to the image that match the brown on its outside edges.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

18 Mar 2010, 1:11 PM
#25
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Re: Pages too wide in IE

WOW, it's almost perfect !!! I'd thank you, but it might spoil the moment = P

I await your thoughtful response.
Thank you

18 Mar 2010, 1:22 PM
#26
rdcast avatar

rdcast

Zen Follower

Join Date:
Feb 2010
Posts:
332
Plugin Contributions:
0

Re: Pages too wide in IE

in lieu of a thank you, let me complement you're acumen with yet another request.

Is there a way that would allow me to move sidebox content(page links) from one sidebox to another?

I await your thoughtful response.
Thank you