Re: CSS background image not at top

> See the background image at the top of the page? In builds 8552 and 8573, 
> on Windows 2003 and XP, it displays beneath a 35px gap from the top of the

> page.

This is the culprit:

table.pagelayout {
 left: 0;
 right: 0;
 border: 0 solid;
 margin-top: 35px;
}


Tim 

OmegaJunior <omegajunior@spamremove.home.nl> wrote:

>Gah, I very much dislike weird CSS displays, especially when I can't solve 

>it myself.
>
>OK, here's what I've got:
>http://xentor.mysticwicks.com/maps/
>
>See the background image at the top of the page? In builds 8552 and 8573,  
>on Windows 2003 and XP, it displays beneath a 35px gap from the top of the 

>page.
>
>Why?

Collapsing margins, this bizarre behaviour is CSS spec compliant.

Quick fix: body{padding:1px}

-- 

Gah, I very much dislike weird CSS displays, especially when I can't solve  
it myself.

OK, here's what I've got:
http://xentor.mysticwicks.com/maps/

See the background image at the top of the page? In builds 8552 and 8573,  
on Windows 2003 and XP, it displays beneath a 35px gap from the top of the  
page.

Why?

Neither Firefox nor Internet Explorer have this gap.

Excerpt from the CSS:
body {
  margin: 0;
  border: 0 solid;
  padding: 0;
  background-color: transparent;
  color: black;
  background-image: url(mapbordertop.png);
  background-position: 0 0;
  background-attachment: scroll;
  background-repeat: repeat-x;
  height: 100%;
}

I also tried background-position: left top; same effect.

The gap appeared since I added the table element and said:
table.pagelayout {
  left: 0;
  right: 0;
  border: 0 solid;
  margin-top: 35px;
}

The CSS is valid:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fxentor.mysticwicks
.com%2Fmaps%2Flocator.css&usermedium=all

The html doesn't validate yet. I'm trying to find out why my namespace  
usage is incorrect... but I copied and pasted it from the Google Maps Api  
example.

The web page is built like xhtml, but sent with a text/html mimetype.

Any ideas?

-- 
Yours,
ΩJr

On Thu, 14 Sep 2006 21:43:56 +0200, Tim Rivera <Xoperang@timrivera.comX> 

wrote:

>> See the background image at the top of the page? In builds 8552 and  
>> 8573,
>> on Windows 2003 and XP, it displays beneath a 35px gap from the top of 

>> the
>> page.
>
> This is the culprit:
>
> table.pagelayout {
>  left: 0;
>  right: 0;
>  border: 0 solid;
>  margin-top: 35px;
> }
>
>
> Tim
>
>

I gathered that much... but why? Spartanicus mentioned collapsing  
margins... I must have missed a memo. Anyone explain, please?


-- 
Sincerely,
ΩJr

OmegaJunior <omegajunior@spamremove.home.nl> wrote:

>Spartanicus mentioned collapsing  
>margins... I must have missed a memo. Anyone explain, please?

http://homepage.ntlworld.ie/spartanicus/collapsing_margins.htm

--