|
| |
|
|
woohoo
Posts: 9
Joined: 2/16/2005
Status: offline
 |
preview of htm file is different than design view - 5/12/2005 6:52:51
Hi there!
I've been trying to get some "quotations" in the left hand column of this website (www.opendoorhealingarts.com/door-prayers.htm) to align with certain parts of the content in the centre column.
In Frontpage's design view, i'll have it just right, then when i check the page in preview or even in Internet explorer, its formatting is off by several lines in unpredictable ways.
THen to worsen things, when i preview the page in Netscape, it's even more distorted!
I'm using dynamic web templates, with 2 editable regions on each page. The left hand column contains one region and the middle column contains the main content.
I've tried using layers to place the quotations but they too get unformatted in preview mode or in a browser.
Any help would be deeply appreciated as i've tried so many things without success.
|
|
|
|
Thomas Brunt
Posts: 6118
Joined: 6/6/1998
From: St. Matthews SC USA
Status: offline
|
RE: preview of htm file is different than design view - 5/13/2005 13:04:05
I think the problem you're having is a result of using absolute postitioning. Here's an example in your code of what I'm talking about.
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 145px; top: 513px" id="layer1">
FP will write that kind of code when you use layers and drag/drop elements around on the page.
But the layout in this site is supposed to be controlled by your table structure. The absolute positioning code pulls the elements out of that structure.
I can think of 2 ways to fix this.
1 way would be to remove all of the <div> and </div> tags from the code.
Another would be to delete all of your layers and start over taking care not to use layers.
t
| |
|
|
|
woohoo
Posts: 9
Joined: 2/16/2005
Status: offline
|
RE: preview of htm file is different than design view - 5/14/2005 14:08:18
Hi thomas!
Thanks for your response and for your suggestions!
I will do a test on the div tag removal and see what happens,
in the meantime, i wanted to ask about this page:
http://www.opendoorhealingarts.com/heart-workshops-healing.htm
I had originally used a table structure to place the quotes but it would still display several lines up or down from my desired position, once in preview mode & in Internet Explorer (and even more distorted in Netscape). It was always a tedious trial and error effort to properly place the quotes and since i wish to let the site owner make her own text changes eventually, i would like figure it out.
A web designer i know (also self-taught yet more advanced) suggested that i used layers. I'd never used that feature before and really have no clue how to use it... Obviously, i'm using it incorrectly...
Thanks for your help!
| |
|
|
|
Thomas Brunt
Posts: 6118
Joined: 6/6/1998
From: St. Matthews SC USA
Status: offline
|
RE: preview of htm file is different than design view - 5/15/2005 11:37:12
My guess here it that your use of the <br> tag for vertical spacing is the problem. Diffferent browsers will produce different amounts of vertical space for pure break tags like that.
Although you still won't be precise, the addtion of a nonbreaking space after each break tag may go a significant distance towards making your vertical spacing look close to the same in all browsers.
Instead of this.
<br>
<br>
<br>
Do this.
<br>
<br>
<br>
I'm not saying that's the best way to do your layout. I'm just saying that's what I would try for a fast and probably sufficient fix.
t
| |
|
|
|
Thomas Brunt
Posts: 6118
Joined: 6/6/1998
From: St. Matthews SC USA
Status: offline
|
RE: preview of htm file is different than design view - 5/16/2005 9:53:30
It's hard to know exactly what to do in this case without doing a bit of editing and testing. Really the best advice for the long run would be to change your approach and use eitehr pure css or a mixture of tightly designed tables and css.
Here is some info on gettign started with css.
http://www.outfront.net/tutorials_02/adv_tech/css1.htm
Here it a tutorial on how to create very precise tables.
http://www.outfront.net/tutorials_02/fp_techniques/tables1.htm
t
| |
|
|
|
woohoo
Posts: 9
Joined: 2/16/2005
Status: offline
|
RE: preview of htm file is different than design view - 5/20/2005 14:06:06
HI Thomas,
Hmm... i guess i'm not sure how proceed with this issue but thank you for your suggestions! And thanks for creating this whole website/forum ... what a resource!
If you have another tutorial that you'd recommend for doing such layouts, that would be great... I am now reading up on CSS...
Peace,
Denise
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
