Div grow when page grows

Still not got my head around Divs, could someone have a glance and let me know settings to make.

I have a page here for instance

http://www.digitalwatchlibrary.com/DWL/1work/seiko_g757-4050/

Where the text is inserted by Expression Engine. The Div grows that the text is in but the Parent Div does not grow with the child div so there is then a blue background.
Sorry if my techspeak is wrong and I hope you understand what I am trying to do.

thank you Adam


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

Hi Adam,

the keyword is “undefined hight” for the parent box. Please have a look on the following list:

http://www.freewaytalk.net/thread/view/73998

It could flash some light in.

Cheers

Thomas


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

I cant seem to get it to work Thomas, although there seem to be lots of alternatives in the thread.
I already have some elements inline where the actual text and some images are in the left hand column, but its the outer parent that wont expand when the child does

Adam


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

Hi Adam,

actually I can only guess what’s going up there.

Did you insert the child (content) boxes by drawing them into the parent box or did you do it by inclick in parent to get the flashing text cursor and insert → HTML-item?

In the first case, the parent box will not follow the undefined height (and if you grey this out it should jump to hight 0px), in the second case the box must follow if you grey the div-height out.

It is necessary to make inline constructions (no need of full inline box model - but close to).

Cheers

Thomas


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

This is where I am getting mixed up.

Does inline mean in the text? click, get a flashing text bar then paste?
At the moment if I click the parent and drag everything is dragged with it.

If everything is in the text how do you position anything on the page.

thank you for your time

Adam


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

Hi Adam,

I can’t open your link to check exactly what is happening, it won’t load for some reason. Can you check your link so I could take a look?

David Owen { Freeway Friendly Web hosting and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk

On 14 Dec 2010, at 10:47, ummedia wrote:

This is where I am getting mixed up.

Does inline mean in the text? click, get a flashing text bar then paste?
At the moment if I click the parent and drag everything is dragged with it.

If everything is in the text how do you position anything on the page.

thank you for your time

Adam


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

let me say it that way:

The constructional-way I do is always the same (Full Box-Model) and I’m not sure if you need but I recommend.

Inline means to try the following (just as a test):

Go into your FW Preferences, Layout, and set the automatic undefined hight to “ask”.

Create a quick blank page. Doubleclick into that page (so textcursor flashing) and choose Insert → HTML-item from the FW-menu.

Set its width in the inspector to 100%.

Inclick this item1 For a simple test do the following:

Go into your FW Preferences, Layout, and set the automatic undefined hight to “ask”.

Create a quick blank page. Inclick that page (textcursor flashing) and choose Item → HTML and without clicking elsewhere repeat this two times. Then click somewhere in the white space outside your page. There should be a message appearing that says if you want to set the height of item1 to be undefined, click OK.

You should now have three boxes and above the other in your item1.

Choose the upper box (item2), set them 100% and clear to both (inspector). Repeat this for item3 and item4.

Lets color item2 and item4 to let them play header and footer.

Inclick item3 and choose insert HTML-Item once again. Set this to page width and choose margin, adjust (???) and click the center-horizontal ticker.

This by the way centers the div if your page alignment is set to none. You should do the same for our header and footer.

If you now insert some text (lorem) into the middle item, it should push your footer-div downwards with the growing content and should finally do it by unexpected height. The way I find my prositions?

All a question of the divs in the div.

One example (don’t take it too serious, I’m not sure if it comes to publish one day) is the following:

http://www.kimmich-dm.de/prototype/index.html

Full box model

Cheers

Thomas


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

Sorry the link chaged when I updated from using underscores

New link

http://www.digitalwatchlibrary.com/DWL/1work/seiko-g757-4050/

Adam


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

Thanks Thomas i will give it a go. i like the look of lightbox for my supersize images is it easy too implement?

Adam


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

Yes - because you can use ScriptyLightbox Action :slight_smile:

I see you inserted a table to host your content. I always recognize (I use them only to build a contact-form), that a tables behaves a bit strange - not reacting on the undefined height of its parent box.

But that’s a shot in the dark - and without any other help of the experts, I do not know how to solve … ???

Cheers

Thomas


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

Hi Adam,

You might want to take a look at the Relative Page Layout Action in 5.5. It will automate this whole process for you, just apply the Action to the Page or Site Folder and publish.

Hope this helps,

Joe

On 14 Dec 2010, at 11:28, ummedia wrote:

Thanks Thomas i will give it a go. i like the look of lightbox for my supersize images is it easy too implement?

Adam


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

Adam

Looks like you are going to have learn how to build pages using the box model way. And this means being disciplined to make inline items floated right or left , adding margins and padding to make #div content grow down appropriately. A bit fiddly at first but once mastered very useful for CMS sites.

Seeing you don’t have a footer, a quick easy fix would be to use a centred white page background image 1000px wide by maybe 100px deep repeated downwards.

David Owen { Freeway Friendly Web hosting and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk

On 14 Dec 2010, at 11:24, ummedia wrote:

Sorry the link chaged when I updated from using underscores

New link

http://www.digitalwatchlibrary.com/DWL/1work/seiko-g757-4050/

Adam


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

…and set you background colour to your blue

David Owen { Freeway Friendly Web hosting and Domains }

http://www.ineedwebhosting.co.uk | http://www.PrintlineAdvertising.co.uk

On 14 Dec 2010, at 11:24, ummedia wrote:

Sorry the link chaged when I updated from using underscores

New link

http://www.digitalwatchlibrary.com/DWL/1work/seiko-g757-4050/

Adam


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

Thomas, see this is where I do get mixed up. The page used to be made with tables now I thought I had removed them and used Divs (HTML boxes as layers) with child DIVs.

Very confused.

Thanks Joe I will have a look at that as well.

Adam


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

… and really to make sure:

I don’t want to lead you in a direction where you feel yourself unsafe. Boxmodel is the second hated word in this board.

If you want to learn the method I recommend you the (paid) screencast of Dan Jasker http://www.danjasker.com/

Five bucks and every cent worth.

Cheers

Thomas


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

The easiest way to tell on the FW page - does the container have a blue (table based) or green (CSS layered) border. View>Outlines

David


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

All green David.

Thanks to everybody that helped. Im still working on it but at the moment I have faded the page to white and am experimenting with fading 1 pixels lines out to suggest a page boundary.

regards

Adam


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