Re: [WSG] Footer problem!

[james]

All fixed, cheers all i needed was clear:both;

Thanks

I just want the footer to be nicely placed in the center of the page 
below all the main content, however it seems to move about based on the 
page it is on,


Rick Lecoat wrote:

On 15 May 2008, at 12:05, james wrote:

This is probably a real easy thing to do, how ever i cannot get it to 
stay in the same position through each page.


James, sorry if I'm missing something very obvious here but I think 
you need to be more specific about what you want the footer to be 
doing. Just sitting nicely underneath your main content? Or anchored 
to the bottom of the browser window at all times? Or something else?


--
Rick Lecoat



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[Rick Lecoat]

On 15 May 2008, at 12:05, james wrote:

This is probably a real easy thing to do, how ever i cannot get it  
to stay in the same position through each page.


James, sorry if I'm missing something very obvious here but I think  
you need to be more specific about what you want the footer to be  
doing. Just sitting nicely underneath your main content? Or anchored  
to the bottom of the browser window at all times? Or something else?


--
Rick Lecoat



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[james]

thanks will give it a try :)

Adam Martin wrote:
http://blog.twenty08.com/2007/04/15/how-to-align-a-footer-to-the-bottom-of-the-page-in-xhtml-strict-across-all-three-browsers/ 



james wrote:


I just added that CSS, so i could see where the is was positioned, 
however i can see that it moves around on each page, i am not sure 
why it does this, it is supposed to be at the bottom of the page in 
the center fixed.


Cheers


Adam Martin wrote:

Are you worried about the text overlapping the footer? If so, try this:

div#footer {
background-color:#2D2D2D;
border-top:1px solid #00;
clear:both;
height:100px;
width:100%;
}

Cheers
Adam
-







james wrote:

Hi All,

This is probably a real easy thing to do, how ever i cannot get it 
to stay in the same position through each page.


I think it is something to do with the way i have coded the text on 
my page;


Here is the link to the site

http://www.jungle-systems.com/~mip/companyprofile.html

Could anyone have a look for me please.

Cheers James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[Adam Martin]

http://blog.twenty08.com/2007/04/15/how-to-align-a-footer-to-the-bottom-of-the-page-in-xhtml-strict-across-all-three-browsers/

james wrote:


I just added that CSS, so i could see where the is was positioned, 
however i can see that it moves around on each page, i am not sure why 
it does this, it is supposed to be at the bottom of the page in the 
center fixed.


Cheers


Adam Martin wrote:

Are you worried about the text overlapping the footer? If so, try this:

div#footer {
background-color:#2D2D2D;
border-top:1px solid #00;
clear:both;
height:100px;
width:100%;
}

Cheers
Adam
-







james wrote:

Hi All,

This is probably a real easy thing to do, how ever i cannot get it 
to stay in the same position through each page.


I think it is something to do with the way i have coded the text on 
my page;


Here is the link to the site

http://www.jungle-systems.com/~mip/companyprofile.html

Could anyone have a look for me please.

Cheers James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[Adam Martin]

It is at the bottom of the content - which is why it is moving around :)

james wrote:


I just added that CSS, so i could see where the is was positioned, 
however i can see that it moves around on each page, i am not sure why 
it does this, it is supposed to be at the bottom of the page in the 
center fixed.


Cheers


Adam Martin wrote:

Are you worried about the text overlapping the footer? If so, try this:

div#footer {
background-color:#2D2D2D;
border-top:1px solid #00;
clear:both;
height:100px;
width:100%;
}

Cheers
Adam
-







james wrote:

Hi All,

This is probably a real easy thing to do, how ever i cannot get it 
to stay in the same position through each page.


I think it is something to do with the way i have coded the text on 
my page;


Here is the link to the site

http://www.jungle-systems.com/~mip/companyprofile.html

Could anyone have a look for me please.

Cheers James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[james]

I just added that CSS, so i could see where the is was positioned, 
however i can see that it moves around on each page, i am not sure why 
it does this, it is supposed to be at the bottom of the page in the 
center fixed.


Cheers


Adam Martin wrote:

Are you worried about the text overlapping the footer? If so, try this:

div#footer {
background-color:#2D2D2D;
border-top:1px solid #00;
clear:both;
height:100px;
width:100%;
}

Cheers
Adam
-







james wrote:

Hi All,

This is probably a real easy thing to do, how ever i cannot get it to 
stay in the same position through each page.


I think it is something to do with the way i have coded the text on 
my page;


Here is the link to the site

http://www.jungle-systems.com/~mip/companyprofile.html

Could anyone have a look for me please.

Cheers James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Footer problem!

[Darren Lovelock]

Also James you have used the same ID of 'footer' on the div and the
paragraph. 

ID's should only be used once on a page. That will cause problems too.

Darren Lovelock
Munky Online Web Design
http://www.munkyonline.co.uk
T: +44 (0)20-8816-8893

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Adam Martin
Sent: 15 May 2008 12:20
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Footer problem!

Are you worried about the text overlapping the footer? If so, try this:

div#footer {
background-color:#2D2D2D;
border-top:1px solid #00;
clear:both;
height:100px;
width:100%;
}

Cheers
Adam
-







james wrote:
> Hi All,
>
> This is probably a real easy thing to do, how ever i cannot get it to 
> stay in the same position through each page.
>
> I think it is something to do with the way i have coded the text on my 
> page;
>
> Here is the link to the site
>
> http://www.jungle-systems.com/~mip/companyprofile.html
>
> Could anyone have a look for me please.
>
> Cheers James
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[nate hanna]

You need to "clear" the float caused by id="footer" and possibly place your
footer div outside of id="main-content" b/c once you clear the float the
266px padding you have on main-content will affect the footer. If you don't
want to move the footer div take the padding off of main-content and put a
margin style on your "mainimage" and "mainflash" divs to get your image in
the right place.

Best Regards,
Nate Hanna




On Thu, May 15, 2008 at 7:05 AM, james <[EMAIL PROTECTED]> wrote:

> Hi All,
>
> This is probably a real easy thing to do, how ever i cannot get it to stay
> in the same position through each page.
>
> I think it is something to do with the way i have coded the text on my
> page;
>
> Here is the link to the site
>
> http://www.jungle-systems.com/~mip/companyprofile.html
>
> Could anyone have a look for me please.
>
> Cheers James
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer problem!

[Adam Martin]

Are you worried about the text overlapping the footer? If so, try this:

div#footer {
background-color:#2D2D2D;
border-top:1px solid #00;
clear:both;
height:100px;
width:100%;
}

Cheers
Adam
-







james wrote:

Hi All,

This is probably a real easy thing to do, how ever i cannot get it to 
stay in the same position through each page.


I think it is something to do with the way i have coded the text on my 
page;


Here is the link to the site

http://www.jungle-systems.com/~mip/companyprofile.html

Could anyone have a look for me please.

Cheers James


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Footer Problem IE5.x

[Thierry Koblentz]

> On Behalf Of Joyce Evans
> I want to know more about conditional comments.  Is this a good
> resource?
> http://msdn2.microsoft.com/en-
> us/library/ms537512.aspx#Conditional_Statement

Yes it is. You can also check this article I wrote: 
http://www.tjkdesign.com/articles/conditional_comments.asp

HTH,
---
Regards,
Thierry | www.TJKDesign.com





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Footer Problem IE5.x

[Joyce Evans]

Regarding "Why beat your head against the wall of buggy browsers when the 
manufacturer themselves supplies a workaround?"

I want to know more about conditional comments.  Is this a good resource?
http://msdn2.microsoft.com/en-us/library/ms537512.aspx#Conditional_Statement
s


Joyce

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Nick Gleitzman
Sent: Monday, July 02, 2007 3:28 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Footer Problem IE5.x


On 2 Jul 2007, at 6:09 PM, Sarah Peeke (XERT) wrote:

> I guess I was hoping to fix the problem(s), rather than just rely on a
> hack. Other suggestions appreciated.

Fair enough, but I'd say your chances of getting the one set of css 
rules to display correctly in all browsers are pretty slim - especially 
if you want to include browsers as flawed as Exploder 5.x. Even MS 
themselves accept how hard this is - hence CCs.

I routinely serve as many as three alternative stylesheets vis CCs for 
different versions of IE. They only need to contain a handful of rules 
necessary to override the correct values served to compliant browsers.

Whether you consider CCs a hack is, I guess, subjective. But your code 
will validate, and they're easy to remove with a global search and 
replace if and when the time comes that you don't need them any more.

Why beat your head against the wall of buggy browsers when the 
manufacturer themselves supplies a workaround?

N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[Sander Aarts]

Sarah Peeke (XERT) schreef:

Hi Jermayn,

  

Just a quick question.
Why we still coding/ hacking for IE5??? 


Also, my website browser stats have IE5.x at about 2% - not much I know,
but when you also consider Opera, IE5 Mac and Safari also share 1-2% of
my audience each, then, by looking after this bunch I'm satisfying
roughly 6-8% of my audience.
  


The difference is that people who use Opera or Safari chose a decent 
browser to visit your site. The ones using IE5 don't really seem to 
matter (or they're still using Win95). Of course it's a good thing to 
provide every visitor with the best experience possible, but personaly 
I'd rather optimize for (and thereby stimulate the use of) decent modern 
browsers than for IE5.


cheers,
Sander


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[Sarah Peeke (XERT)]

Hi Jermayn,

> Just a quick question.
> Why we still coding/ hacking for IE5??? 

Good point.

It's just that the site works very well in IE5.5 *except* for this
problem - which, by the way, I've just about fixed.

Also, my website browser stats have IE5.x at about 2% - not much I know,
but when you also consider Opera, IE5 Mac and Safari also share 1-2% of
my audience each, then, by looking after this bunch I'm satisfying
roughly 6-8% of my audience.

Thanks
Sarah



-- 
XERT Communications

web design & development

Geofeat International

all things green, eco-friendly & organic

The Virtual Collective

join today & help create one world & one humanity


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[Jermayn Parker]

Just a quick question.
Why we still coding/ hacking for IE5???



On 7/2/07, Sarah Peeke (XERT) <[EMAIL PROTECTED]> wrote:


Hi Nick,

I guess I was hoping to fix the problem(s), rather than just rely on a
hack. Other suggestions appreciated.

> So use a Conditional Comment - ?

> > 2. If I don't include a dreaded hack in my css (which I'd really
> > like to remove because my style sheet doesn't validate)

Sarah




--
JP2 Designs
http://www.jp2designs.com

http://www.germworks.net


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[David Little]

Seconded -- compared to all the other hacks you'll need to make when
coding for IE browsers, conditional comments are the least of your
worries; in fact they are your friend!

On 02/07/07, Nick Gleitzman <[EMAIL PROTECTED]> wrote:


On 2 Jul 2007, at 6:09 PM, Sarah Peeke (XERT) wrote:

> I guess I was hoping to fix the problem(s), rather than just rely on a
> hack. Other suggestions appreciated.

Fair enough, but I'd say your chances of getting the one set of css
rules to display correctly in all browsers are pretty slim - especially
if you want to include browsers as flawed as Exploder 5.x. Even MS
themselves accept how hard this is - hence CCs.

I routinely serve as many as three alternative stylesheets vis CCs for
different versions of IE. They only need to contain a handful of rules
necessary to override the correct values served to compliant browsers.

Whether you consider CCs a hack is, I guess, subjective. But your code
will validate, and they're easy to remove with a global search and
replace if and when the time comes that you don't need them any more.

Why beat your head against the wall of buggy browsers when the
manufacturer themselves supplies a workaround?

N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





--
David Little

-e: [EMAIL PROTECTED]
-w: www.littled.net


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[Nick Gleitzman]

On 2 Jul 2007, at 6:09 PM, Sarah Peeke (XERT) wrote:


I guess I was hoping to fix the problem(s), rather than just rely on a
hack. Other suggestions appreciated.


Fair enough, but I'd say your chances of getting the one set of css 
rules to display correctly in all browsers are pretty slim - especially 
if you want to include browsers as flawed as Exploder 5.x. Even MS 
themselves accept how hard this is - hence CCs.


I routinely serve as many as three alternative stylesheets vis CCs for 
different versions of IE. They only need to contain a handful of rules 
necessary to override the correct values served to compliant browsers.


Whether you consider CCs a hack is, I guess, subjective. But your code 
will validate, and they're easy to remove with a global search and 
replace if and when the time comes that you don't need them any more.


Why beat your head against the wall of buggy browsers when the 
manufacturer themselves supplies a workaround?


N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[Sarah Peeke (XERT)]

Hi Nick,

I guess I was hoping to fix the problem(s), rather than just rely on a
hack. Other suggestions appreciated.

> So use a Conditional Comment - ?
 
> > 2. If I don't include a dreaded hack in my css (which I'd really  
> > like to remove because my style sheet doesn't validate)

Sarah



-- 
XERT Communications

web design & development

Geofeat International

all things green, eco-friendly & organic

The Virtual Collective

join today & help create one world & one humanity


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Footer Problem IE5.x

[Nick Gleitzman]

Sarah Peeke (XERT) wrote:

2. If I don't include a dreaded hack in my css (which I'd really like 
to

remove because my style sheet doesn't validate)


So use a Conditional Comment - ?

N
___
omnivision. websight.
http://www.omnivision.com.au/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***