View Full Version : Help with auto adjusting to browser?

02-19-2012, 03:45 PM
I am very new to HTML and CSS, this is the first website I actually program completely from scratch (thus, it looks terrible. I know. I am clearly not a natural when it comes to graphics and programming... :p.) I have had no problems until now, when it refuses to auto adjust to the browser. That is, when I use my iMac, it look proportionate, but when I use a laptop or a different computer, it is too large. Also, if I use it on my iPad, the first page is proportionate, but not the other pages. I have googled and tried the solutions I could find, but it seems I have some sort of conflicting element that makes it impossible to adjust. Nothing I try work, anyway.

The adress is: hundvision.se (http://www.hundvision.se)

I'd be extremely grateful for any help I could get!

02-19-2012, 05:37 PM
Funny, I thought an iMAC was a laptop.
You have set the width for a couple of things way too large for most screens. Setting the width of your components does remove self-adjusting properties. Use could make the width smaller or check out using percents.

Here are the large widths
#container width: 1570px;
Line 113: <table width="1568"> <td width="1197"> <hr noshade="noshade" />

Removing the width for these seems to make things appear inside my screen, But sadly the final product is not fluid. I think this should get you started fixing the problem.

02-19-2012, 05:55 PM
Thank you so much! I set the width after the computer I am working on, stupid mistake then. I'll try to put percents instead :-)