Welcome to WebmasterWorld Guest from 54.145.166.247

Forum Moderators: incrediBILL

Message Too Old, No Replies

Getting you website to load the same on different size monitors

   
12:07 pm on Nov 26, 2007 (gmt 0)

5+ Year Member



if you look at this site on a normal 17inc monitor it looks great, if you look at it on a 15 inc or a wide screen the site looks crap, now the boss wants it looking the same on different size monitors.
can any one help maybe a css code or to to fix the whole site

yours

Simon Garratt

[edited by: tedster at 5:08 am (utc) on Nov. 27, 2007]
[edit reason] removed the 'resume' signature [/edit]

12:35 pm on Nov 26, 2007 (gmt 0)

10+ Year Member



You may like to load antivir on your pc and have a look at your site also, no doubt a false positive but....
12:44 pm on Nov 26, 2007 (gmt 0)

5+ Year Member



what is this software
12:56 pm on Nov 26, 2007 (gmt 0)

WebmasterWorld Senior Member vincevincevince is a WebmasterWorld Top Contributor of All Time 10+ Year Member



First; welcome to WebmasterWorld, techsupport. We don't allow URLs to be posted so I suggest you remove those two.

And yes; there is a virus installation attempt on that page, and the code itself is fairly awful. I suggest you start from scratch and draw it out logically using DIV elements and get rid of the tables which are not sizing or flowing properly.

For screen width-sensitivity; implement max-width and have internal widths on a percentage basis. By the way; why are there page of blank lines before you even start your code? Do you realise that nothing at all can come before your <!DOCTYPE... not even blank lines?

1:00 pm on Nov 26, 2007 (gmt 0)

5+ Year Member



ok i have got some div tags ont he site the main tabel is set to 100% and the inner table with the content in is set to 80 % and centered but on different size monitors it looks crap can you help i need it to look and automatically adjust to different size monitors
1:02 pm on Nov 26, 2007 (gmt 0)

WebmasterWorld Senior Member vincevincevince is a WebmasterWorld Top Contributor of All Time 10+ Year Member



ok i have got some div tags ont he site

div tags are not a magic ingredient. Remove that table entirely and replace it with more and correct div tags.

Your poor code is the only reason that your site is not resizing properly which is why I am urging you to delete it and start from scratch; properly laying out the structure. You will learn from it :)

1:06 pm on Nov 26, 2007 (gmt 0)

5+ Year Member



well it is a way that i can hide my html code unless you know a different way or some sort of program jumbles it
1:07 pm on Nov 26, 2007 (gmt 0)

5+ Year Member



ok so you mean dont use the tables then and do it all using div tags been some time since i have do a site but new jobs comes up nothign but web design lol
1:43 pm on Nov 26, 2007 (gmt 0)

5+ Year Member



right i knwo what you mean now what si the code for getting sayign the menus ont he left text in the middle and pictures down the right using div tags and not tables cheers
12:15 am on Nov 27, 2007 (gmt 0)

5+ Year Member



Get together with your boss and look at well-established web sites with different monitor sizes and resolutions and see that they don't look "the same."
5:10 am on Nov 27, 2007 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



look at well-established web sites with different monitor sizes and resolutions

Good idea - and note that the screen resolution (and size of the browser window in pixels) is the issue here. The physical size of the monitor is irrelevant. But you can learn a lot by loading one of the well established websites and resizing the window.