[Pro] Header and footer use width of broswer

Friends,

Ref the subject website i have tried everything i know to get the elements (upperline and lowerline (this is the line below the header and above the footer)) to “stretch” the full width of the browser with no success

Help please?

John

PS is there a way to Vertically Centre the CSS menu items into the Middle, (Delta Dave) i have honestly tried everything on this one and failed miserably)

http://www.tudorhousecuisine.com/index.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi John,

I’m not sure that I understand what you intend… Do you really want the
content of the header/footer to stretch all the way across the width of the
browser?

If you do, your page construction is all wrong. The best way I know to is
to rely on inline construction methods, an example which can be found here…

http://cssway.thebigerns.com/workbench/align-none-center/diagram.html


Ernie Simpson

On Sat, Dec 8, 2012 at 12:40 PM, ejw email@hidden wrote:

Friends,

Ref the subject website i have tried everything i know to get the elements
(upperline and lowerline (this is the line below the header and above the
footer)) to “stretch” the full width of the browser with no success

Help please?

John

PS is there a way to Vertically Centre the CSS menu items into the Middle,
(Delta Dave) i have honestly tried everything on this one and failed
miserably)

http://www.tudorhousecuisine.com/index.html


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie,

Thank you for your response,

I was under the impression my construction was of the “in line” method. I have been trying to learn how this is accomplished and thought i had solved it, but apparently not.

My last Forum contribution in regard to In Line Construction suggested that my methodology was OK.

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The first problem is your Page is set to align Center. This makes your
master div - the PageDiv - only 900px wide. So every child of the master
div is only capable of 900px width.

Setting your Page to align None and the PageDiv will be as wide as the
browser.

With the page align set properly you first draw a page container
(“PageWrap” in my example). The first inserted div is the Header-Wrap with
no fixed width so it can fill the width of the page. Inside the Header-Wrap
div is inserted the Header div - which you can make as wide or narrow as
you like and is centered by setting the margin to center in the Inspector.
You can repeat this process for the Navigation, Content, and Footer
sections of the layout,

I’ve whipped up an example here:
http://cssway.thebigerns.com/workbench/du_jour/john-headerfooter/


Ernie Simpson

On Sat, Dec 8, 2012 at 6:13 PM, ejw email@hidden wrote:

Ernie,

Thank you for your response,

I was under the impression my construction was of the “in line” method. I
have been trying to learn how this is accomplished and thought i had solved
it, but apparently not.

My last Forum contribution in regard to In Line Construction suggested
that my methodology was OK.

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie,

Thank You , I obviously do not understand something very basic about in-line/box models…

So i think i will go back to the drawing board so to speak.

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve done some more work on my example - hopefully it will help make it
clear.

http://cssway.thebigerns.com/workbench/align-none-center/index.html


Ernie Simpson

On Sun, Dec 9, 2012 at 12:08 PM, ejw email@hidden wrote:

Ernie,

Thank You , I obviously do not understand something very basic about
in-line/box models…

So i think i will go back to the drawing board so to speak.

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 9 Dec 2012, 4:08 pm, ejw wrote:

Ernie,

Thank You , I obviously do not understand something very basic about in-line/box models…

So i think i will go back to the drawing board so to speak.

John

… I am not really the type who likes to advertise his own stuff, but exactly for this, I built the box-model screencast.

http://www.kimmich-dm.de/screencasts.php

Inline is not only a “part of” or “a sidestep”. Either you do it or you leave it (including all negative things roundabout). As I started with it, I had a strong visual guide which was the most important thing to challenge.

No - it is not free, but… (…should it be?)

http://kimmich-dm.de/wordpress/?page_id=113

The project we build together in this screencast:

http://www.screencasts.q-ring.de/

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thomas’ screencasts are excellent and I highly recommend them all,
including this one.


Ernie Simpson

On Sun, Dec 9, 2012 at 1:52 PM, Thomas Kimmich email@hidden wrote:

On 9 Dec 2012, 4:08 pm, ejw wrote:

Ernie,

Thank You , I obviously do not understand something very basic about
in-line/box models…

So i think i will go back to the drawing board so to speak.

John

… I am not really the type who likes to advertise his own stuff, but
exactly for this, I built the box-model screencast.

http://www.kimmich-dm.de/screencasts.php

Inline is not only a “part of” or “a sidestep”. Either you do it or you
leave it (including all negative things roundabout). As I started with it,
I had a strong visual guide which was the most important thing to challenge.

No - it is not free, but… (…should it be?)

http://kimmich-dm.de/wordpress/?page_id=113

The project we build together in this screencast:

http://www.screencasts.q-ring.de/

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ernie/Thomas,

Thank You i am now actively reviewing the Screencast from Thomas (in connection to Inline/Box model ) and also understanding the latest input from Ernie.

Thanks guys, I will get back to you in a while…

John


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options