That is how I designed my website a week ago namely using a background and make it 1440 wide. But what happens than is that when you zoom out the content of the site breaks up with the background. People advised me never to use a background on the page. Since for some reason inline/css (also called box) does not work with me (it should work but it doesn’t on my iMac), with the sollution I choose now the website stays together when zooming out. Draw back is that you will see white area around it. The only thing I can do is to make the background items 2560*1440 again.
On 17 Oct 2014, 5:29 pm, The Big Erns wrote:
Because your page size is fixed and so wide, it doesn’t “fit” within the
browser window - until you zoom way out. Retina Macbooks are 1440px wide,
which I think is a good design starting point.
Inspection of the page code shows that it is centered… but the visual
“background elements” are not the page background, but elements that have
been placed and styled to function as the background. So, visually, what
looks like a background does not behave as one. You can actually style the
page background (that thing you centered, remember?) in the same fashion so
as to not need those extra elements.
I don’t actually center the “page” - I center the content within the page…
usually I leave the page undefined and horizontally flexible. Then I place
a box as container for content that is centered (left/right margin set to
auto) with respect to the parent container. So if you build your content
flexibly (like with inline or box-model construction) then you set
max-width of your content container so it can accommodate wider screens as
well as narrower ones.
It’s too bad you didn’t upgrade to at least v6 - there have been several
improvements to positioning since v5. I can’t recall some of the specifics
to that version anymore. Maybe someone else still using your version can
guide you through the details.
Ernie Simpson
On Fri, Oct 17, 2014 at 11:42 AM, Artivideo > On 17 Oct 2014, 5:29 pm, The Big Erns wrote:
Because your page size is fixed and so wide, it doesn’t “fit” within the
browser window - until you zoom way out. Retina Macbooks are 1440px wide,
which I think is a good design starting point.
Inspection of the page code shows that it is centered… but the visual
“background elements” are not the page background, but elements that have
been placed and styled to function as the background. So, visually, what
looks like a background does not behave as one. You can actually style the
page background (that thing you centered, remember?) in the same fashion so
as to not need those extra elements.
I don’t actually center the “page” - I center the content within the page…
usually I leave the page undefined and horizontally flexible. Then I place
a box as container for content that is centered (left/right margin set to
auto) with respect to the parent container. So if you build your content
flexibly (like with inline or box-model construction) then you set
max-width of your content container so it can accommodate wider screens as
well as narrower ones.
It’s too bad you didn’t upgrade to at least v6 - there have been several
improvements to positioning since v5. I can’t recall some of the specifics
to that version anymore. Maybe someone else still using your version can
guide you through the details.
Ernie Simpson
On Fri, Oct 17, 2014 at 11:42 AM, Artivideo
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options