this is the link http://davidcolligan.com/test/index.html

 

what i am trying to achieve is a full width website, never tried it before, it looks fine when i view it on my laptop, but once on the ipad its all weird, i was wondering if anyone could help

 

regards

 

collie

responsive webdesign tutorials

At the moment you have #content width: 100%; #left-side width:900px; and #right-side width:300px; so that when the viewport hasn't got enough width for the left side it drops down and the right side stays at the top. If you want a totally fluid page, use % widths for everything including side margins, side padding and images, but it may look very stretched out in large width viewports or too squashed up in small widths. The responsive web design methods can deal with that situation, or just experiment with max-width and min-width.

Edited August 5, 201214 yr by Wickham

At the moment you have #content width: 100%; #left-side width:900px; and #right-side width:300px; so that when the viewport hasn't got enough width for the left side it drops down and the right side stays at the top. If you want a totally fluid page, use % widths for everything including side margins, side padding and images, but it may look very stretched out in large width viewports or too squashed up in small widths. The responsive web design methods can deal with that situation, or just experiment with max-width and min-width.

 

ive changed all of it to pixels, and left only the slider and footer at width:100% as these are the ones that i want to fit full width with the content inside fixed to pixels, i just want tho images to fit the full width of a screen. anyone have some suggestions??