Images blown up in media queries

[qim]

@PaulOB

I see where you stole the image code from

Where did it come from? I’m curious now.

I’ve pasted the code but it still does not work. I deleted the existent

 #middle {
height:400px;
margin-bottom:0;
padding-bottom:30px;

}
ul.countries {
	font-size:110%;
}

Regards

PS- No, I did not break it all. I had help with the scripts and this is what I ended up with, which I can’t understand…

Your code that still works well is in the current index page.

#expansion is indeed unique to this page

As for the fixed heights, I’m afraid I am rather stubborn on that issue. In one year I managed to do quite an interesting site, with a LOT of online help. Those fixed heights were one of my few achievemnts… so I’m rather fond of them. One day, when I grow up I will change it!

[PaulOB]

I have to go out now so I will take a look later this evening (unless someone else jumps in first)

[PaulOB]

@qim

I’ve pasted the code but it still does not work.

The code I gave you is not in this page. There is no mention of it in the stylesheet or in the head of the page at all.

[qim]

HI Paul

I may have misunderstood what you meant, but I placed the code, as I thought you wrote, in the media queries of http://pintotours.net/Work/NewPage.css starting at line 930.

I did not place it in the main body of the css.

[PaulOB]

I can see the code in the css now but you didn’t copy it correctly and you missed out the id (#).

You have this;

hundredpc {
	position:static;
	background:transparent;
}

It should be:

#hundredpc {
	position:static;
	background:transparent;
}

Fix that and try again

[qim]

Magic!

Sorry about missing th hash. Slly, really.

I guess that’s it until I invent soemthing new…

Many thanks, Paul