Identical page does not respond to narrowing screen

This page responds well http://pintotours.net/Americas/DomRepublic/Punta.php

This one, where I simply changed the buttons in the middle column does not

http://pintotours.net/TEST/LOOK/test.php

I have compared the 2 stylesheets in Notepad++ and the only changes are to do with the buttons. Why should the page no longer respond?

I copied the files, and changed the buttons. That 's all, I think…

Both the html and css validate. I’m at a loss.

Are they ?

#container {
  display: table;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  width:100%;
}

and:

#maincontainer {
  display: table;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  width: 1000px;
}

Look at the width in the page that doesn’t compress.

Ahhh…

Thanks Paul

I’ll correct the silly overlook, right away!

EDIT

But I can’t find the

#container {
 
  width:100%;

in the current live css…

I’ve been doing some manu changes that i am getting utterly confused mixing one “project” with another…

…but the page is working again! Thanks

I left that as an exercise for you to find :smile:
It in the media query at around line 928 in punta.css

@media screen and (max-width: 1020px) {#container {    width: 100%;}
etc..

If you use the browsers inspector and highlight the element you can see the rules that apply and are given the line numbers. Note that only applicable styles may be shown so you would need the window at the size that it would show the problem because that is when the media query would be active.

But that bit’s ok, right?

Yes that’s in the good page but was not in the bad page (where you called it maincontainer).

That’s why you probably missed it because the percent width was in the media query (which is why I suggest keeping media queries next to the rules that they modify)

Yeah, I mixed up stylesheets. That belonged to another one that had nothing to do with this…

I need a holiday away from computers!

SORRY. DISREGARD Placed in wrong thread

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.