hi guys i ran into a minor problem. its a html issue but i guess it would be better to post here(general) than start a new topic in the html forum for just 1 question:) my problem is, my laptop has a wide screen monitor. i can't seem to get desired web page results(size and looks). i use the w3schools tutorials a lot, and i also use its 'Try it yourself' editor to test my code as its faster than constantly updating a txt/html file. i always get desired results on the 'Try it yourself' editor. Even when i test out my page on my mum's PC, which isnt a widescreen laptop, i get perfect results. Sadly on my widescreen laptop the final result just looks awful. I try drastic resizing to make the page look more full but then it becomes deformed on my mum's smaller screen. Are there any tips i can use to deal with wide screen monitors? or is there like a 1 size fits all method that can be applied to the pages? here's 1 example of a problem i'm having. i'm using a div container for the layout for my entire test page. it has a footer and header. Then it has a div-left and div-content. i have the div-left as 50% width. i float it so that the div-content(also 50% width) can be beside it, both forming the body of my page. Now i fill both left and content with a potrait/image. i resize the image/potrait so that it fills its entire div-left container, and do the same for potrait in the div content. the sizing of the potraits are perfect and look full in the 'Try it yourself' editor and my mums PC. But on my wide screen PC, the potraits look way too small and dont fill up their respective div-containers which have been enlarged due to the monitor. All you see is a tiny image and a huge unfilled div background that looks empty. If i resize the images to fill their containers, it ruins the page and float effect on smaller screen monitors. i hope i explained that well. im still very new with html and css.