(adsbygoogle = window.adsbygoogle || []).push({}); Hi guys , well i am a design and music enthusiast,but have no idea about web code. I made this simple site for my radio , but i want the site to adapt to all screen resolutions. Here's the index.html

You must login or register to view this content.

Help please

I tend to use vertical-align: middle; for aligning html elements. It works great, if you use CSS.

Try not to use tables for website layouts when you can. Tables were intended to be used to display tabular data, not handle the layout of a web page. They also are harder to maintain as your website grows.

If you want your website to fit all screen resolutions, don't use set widths and heights for everything. 1920px is definitely outside of the safe zone for most monitors, a maximum width for websites if it really had to be fixed would be at about 1000px. With CSS, you can make your website fit the entire page, and because you're using a table it will adjust. While this is an advantage, it is still generally not a good practice and can be achieved with CSS. Since you're a total beginner and for your site needs, I would say stay with the table for now. Your CSS is not properly formatted which is why it does not have any effect on the website.
To make your table expand to the size of the screen, get rid of all the fixed widths, don't resize images using HTML (this is also a bad practice) and add this CSS code just before your style tag:

    

#Table_01 {

    position:fixed;

    width:100%;

    height:100%;

    top:0px;

    left:0px;

}

This won't work like magic, however. To make it work, you have to stop setting your table elements to fixed widths. I strongly suggest that you watch/read a few tutorials on HTML if you really want to make your website succeed. Personally, I would recommend You must login or register to view this content. but that's just personal preference.