Hi everyone,

 

I'm stuck with a little problem at my website.

 

I'm making a website for the WC 2014 soccer in Brasil.

 

If you click on this link you get a table at the middle of the screen. If you're looking this table in large screens, the table is small. When you look on mobile phones, the table fits well.

 

Is there a possibilty to make the table width larger in the big screens, but still the same in mobile screens?

 

Thanks for your help.

 

Sven

Hello, looking at the table on my 17" laptop screen, looks perfectly fine.

I tried it in

 

• Google Chrome
• Firefox
• I.E
• Safari

But in large screens the table is too small. I want the table to have the same width like the "pages-table" above.

 

You could set the tables width in % with a maximum and minimum width

table{
    width:50%;
    max-width:600px; /*the width for big screens*/
    min-width:400px;  /*the width for small screens*/
}

Don't no if it will work with your doctype though (for responsive websites you should use HTML5)

Thanks, this works!

Edited April 2, 201412 yr by SvenVDB