Forum Home
PC World Chat
Thread ID: 124390	2012-04-24 02:18:00	Web page, screen resolution	Metla (12)	PC World Chat

Post ID	Timestamp	Content	User
1271575	2012-04-24 23:13:00	Wow, looks great, nice job! :thumbs:	Iantech (16386)
1271576	2012-04-25 00:01:00	nice website. Much better than the one I made for my work.	Greven (91)
1271577	2012-04-25 02:56:00	Looking good!	The Error Guy (14052)
1271578	2012-04-25 05:26:00	Very nice	Whenu (9358)
1271579	2012-04-30 01:03:00	There's a trick I use all the time for this. So when people resize their browser the image resizes with them. This is for a static background though Add your image code to the bottom of your page, under everything. <img id="bg" class="bg" src="images/bg.jpg" alt="background" /> Then add the following to your CSS img.bg{-webkit-background-size: 100% auto;height:auto;left:0;min-width:1024px;position:fixed;top:0;width:100%;z-index:-1;} @media screen and (max-width: 1024px){ img.bg{left:50%;margin-left:-512px;} } I normally put my image about 1500 px wide if I can, and then however tall you want, but I use fixed backgrounds. Then it fades into a gradient at the bottom and a solid colour for taller screens. My best example is on a locked website or I'd let you see it. You can see one of my earlier examples at www.reillyhodson.com though	dpDesignz (15919)
1 2