[WSG] Two separate CSS issues

2005-04-28 Thread Stevio 
I am working on a 2 column layout with a header and footer, with the footer
always pushed against the bottom of the page (or at the bottom of the
content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying divs!):
http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.
Shouldn't the H1 be contained within the header div? Why is the above
required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border)
does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen 


--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/2005
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] Two separate CSS issues

2005-04-28 Thread Stefan Lemmen 
For the first problem try this:

body, html {
margin:0;
padding:0;
}

Stefan Lemmen
Holland


On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
 I am working on a 2 column layout with a header and footer, with the footer
 always pushed against the bottom of the page (or at the bottom of the
 content, if the page content is longer than the available space).
 
 Here is the page (ignore the colours - they are just for identifying divs!):
 http://www.cssweb.co.uk/templatetest.html
 
 I am coming across two problems:
 1) When viewing in Firefox - there is whitespace at the top of the page
 above the Document Heading, which is within an H1 tag. If I add:
 #header h1 {
 margin:0;
 }
 then this problem disappears.
 
 Shouldn't the H1 be contained within the header div? Why is the above
 required? This problem does not happen in IE6.
 
 2) When viewing in IE6 - the floated sidebar div (yellow with red border)
 does not appear on top of the pink space where it should be. Why is that?
 
 Thanks,
 Stephen
 
 --
 No virus found in this outgoing message.
 Checked by AVG Anti-Virus.
 Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/2005
 
 **
 The discussion list for  http://webstandardsgroup.org/
 
 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
 **
 
 


--
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Two separate CSS issues

2005-04-28 Thread Stevio 
Hi Bob,
Thanks for the suggestion but it didn't work! Stefan's suggestion did not
work either. Any other ideas anyone?
Anyone know why a floated div is hidden in IE6?
Stephen
- Original Message - 
From: designer [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, April 28, 2005 1:21 PM
Subject: Re: [WSG] Two separate CSS issues

These days I always use:
#{margin : 0; padding : 0} at the start of my CSS. This removes all the
'default' padding, margins etc from everything, and you set your own,
throughout.
Sometimes a pain if you're being lazy or in a rush, but it does allow for
excellent control of your layout.
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
- Original Message - 
From: Stefan Lemmen [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Thursday, April 28, 2005 1:10 PM
Subject: Re: [WSG] Two separate CSS issues

For the first problem try this:
body, html {
margin:0;
padding:0;
}
Stefan Lemmen
Holland
On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
I am working on a 2 column layout with a header and footer, with the
footer
always pushed against the bottom of the page (or at the bottom of the
content, if the page content is longer than the available space).
Here is the page (ignore the colours - they are just for identifying
divs!):
http://www.cssweb.co.uk/templatetest.html
I am coming across two problems:
1) When viewing in Firefox - there is whitespace at the top of the page
above the Document Heading, which is within an H1 tag. If I add:
#header h1 {
margin:0;
}
then this problem disappears.
Shouldn't the H1 be contained within the header div? Why is the above
required? This problem does not happen in IE6.
2) When viewing in IE6 - the floated sidebar div (yellow with red border)
does not appear on top of the pink space where it should be. Why is that?
Thanks,
Stephen 

--
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/2005
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] Two separate CSS issues

2005-04-28 Thread Stefan Lemmen 
Strange.. this normally does..

Maybe try redesigning this layout from the start beginning with

body, html {
  margin:0;
  padding:0;
} 

Then you should be able to find the bug I think..

Good luck

On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
 Hi Bob,
 
 Thanks for the suggestion but it didn't work! Stefan's suggestion did not
 work either. Any other ideas anyone?
 
 Anyone know why a floated div is hidden in IE6?
 
 Stephen
 
 - Original Message -
 From: designer [EMAIL PROTECTED]
 To: wsg@webstandardsgroup.org
 Sent: Thursday, April 28, 2005 1:21 PM
 Subject: Re: [WSG] Two separate CSS issues
 
  These days I always use:
 
  #{margin : 0; padding : 0} at the start of my CSS. This removes all the
  'default' padding, margins etc from everything, and you set your own,
  throughout.
 
  Sometimes a pain if you're being lazy or in a rush, but it does allow for
  excellent control of your layout.
 
  Bob McClelland,
  Cornwall (U.K.)
  www.gwelanmor-internet.co.uk
 
  - Original Message -
  From: Stefan Lemmen [EMAIL PROTECTED]
  To: wsg@webstandardsgroup.org
  Sent: Thursday, April 28, 2005 1:10 PM
  Subject: Re: [WSG] Two separate CSS issues
 
  For the first problem try this:
 
  body, html {
  margin:0;
  padding:0;
  }
 
  Stefan Lemmen
  Holland
 
  On 4/28/05, Stevio [EMAIL PROTECTED] wrote:
  I am working on a 2 column layout with a header and footer, with the
  footer
  always pushed against the bottom of the page (or at the bottom of the
  content, if the page content is longer than the available space).
 
  Here is the page (ignore the colours - they are just for identifying
  divs!):
  http://www.cssweb.co.uk/templatetest.html
 
  I am coming across two problems:
  1) When viewing in Firefox - there is whitespace at the top of the page
  above the Document Heading, which is within an H1 tag. If I add:
  #header h1 {
  margin:0;
  }
  then this problem disappears.
 
  Shouldn't the H1 be contained within the header div? Why is the above
  required? This problem does not happen in IE6.
 
  2) When viewing in IE6 - the floated sidebar div (yellow with red border)
  does not appear on top of the pink space where it should be. Why is that?
 
  Thanks,
  Stephen
 
 --
 No virus found in this outgoing message.
 Checked by AVG Anti-Virus.
 Version: 7.0.308 / Virus Database: 266.10.4 - Release Date: 27/04/2005
 
 **
 The discussion list for  http://webstandardsgroup.org/
 
 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
 **
 
 


-- 
Stefan Lemmen
Holland
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Two separate CSS issues

2005-04-28 Thread Thierry Koblentz 
Stevio wrote:
 Anyone know why a floated div is hidden in IE6?

Try position:relative on #sidebar, that should fix it

To set padding and margin to 0 value for all the elements, try * instead
of  #, like this:
* {margin:0;padding:0}


HTH,
Thierry | http://www.TJKDesign.com

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Two separate CSS issues

2005-04-28 Thread Ingo Chao 
Stevio schrieb:
Hi Bob,
Thanks for the suggestion but it didn't work! Stefan's suggestion did not
work either. Any other ideas anyone?
Anyone know why a floated div is hidden in IE6?
Stephen
apply the Holly hack to
#maincontent
for an explanation
http://www.satzansatz.de/cssd/rpfloat.html
when you are posting to the wsg and cssd, I don't know where to answer to.
Ingo
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**