Display View problems

[RonT]

I am a new member and a new Expression web user. I believe that I am progressing acceptably, but I have cockpit(?) problem. I am running win 7 and EW4.

Here is my problem. After I am working in Display mode for a while, my wysiwyg gets disorganized: div’s start to cover each other. As one example: a child div will sometimes extend beyond the parent even though the child length is shorter. Preview and published will produce the desired results, but Display is still screwed up.

Any suggestions? Please.

[patgeary]

Not without seeing the page - the html code and the css applied to it. Post it somewhere and include a link to it.

pat

[RonT]

patgeary,

Thanks for the reply. I think this is what you requested. http://grdama.com/100%20days2.html

 As I mentioned, the posted product is correct, but what I see in display view is different.

If you want to see my Display view, perhaps you can tell me how to do that.

I really appreciate your help.

I also plan to create a *.css file when I(we) get this bug worked out.

[patgeary]

It does not display properly in Firefox on my laptop. Take out the height in the content style. I'll look again in the morning but that fixed it in FF. I did not check from within Expression Web.
pat

[RonT]

Thanks pat,

That was an inprovement for the site. I guess that I will have to get FF to check on. As you can guess I have not progressed that far.

[patgeary]

After looking at your source code, might I make a few suggestions since you are just starting out?
1. Download Cheryl's free video Basic Website and the asset files. WHile written for EW 1 & 2, it works pretty much the same way except site management has moved to the Site menu.

2. Download Tina Clarke's free EBooks Setting up EW http://any-expression.com/expression-web/ebooks/setting-up-expression-web-ebook.htm and her DWT EBook http://any-expression.com/expression-web/ebooks/expression-web-dwt-ebook.htm

3. Download my Free Expression Web EBook Install to Publish and More http://www.expression-web-tutorials.com/ew4-tutorials-ebook.html

These resources will give you a good start on setting up and using the program.

As for the page you are having a problem with http://grdama.com/100%20days2.html

Forget about pushing buttons to format the various divs and styles within the content. It displays fine in Design View on my laptop in EW. The actual info on the page is well suited to a table since it is data.

You might find this article helpful in actually creating the table for that part of the page. http://www.expression-web-tutorials.com/accessible-tables.html

Watch out for the auto styles EW creates. If you work in split view, you can see what is happening and rename them to something that makes sense. You really do not need all the divs within the content div. Just use paragraphs for the content that is not within the table.

Gotta run so more later.

pat

[patgeary]

http://www.css-layouts.org/summers-journey/index.html

Ron, this is not necessarily how I would have done it BUT it will show you want you can do using an external style sheet and plain html. Rather than one table cell with a line break tag, I would have inserted each of the lines into its own table cell. Rather than the divs you used, I used a <p> tag for the top content area and styled it. Table is inserted under it with a top and bottom margin and left and right set to auto.

Anyway maybe it will give you some ideas.

pat

[RonT]

Pat,

I certainly will download the suggested information.

I was confused by one of your suggestion: “Forget about pushing buttons to format the various divs and styles within the content”. Other than that I see the point to all the other suggestions, and they will be incorporated.

My Display view is now the same as the Published view. I took out all the height values as you once suggested and now I am good. I guess that one day I will understand.

Thank you Pat for all your help – I really do appreciate it. This problem was making me crazier than usual.

You are one knowledgeable lady!

Ron

[Cheryl D Wise]

Ron,

What Pat was saying is don't drag thing around in design view. That converts the divs and images to absolute positioning which can look considerably different when viewed in different browsers and at different screen resolutions.

You should never use height on anything that contains text since if people are using large fonts on their computer or have View > Text set to larger (not zoom) it can cause overlapping text and other objects.

Also, don't use space in file or folder names. That's what the %20 means and can cause links to break if the encoding ever fails.