I’m having trouble getting text and graphics to align correctly in Safari. A page that works properly in Firefox does not work in Safari–the graphics do not align properly with the text block.
The photo at the bottom of the page should align with the bottom of the long text block to the left. In Safari it shows three inches or so higher in the page; in Firefox it’s correct.
Not sure why, but it appears, for some reason, the the text line spacing is different in safari than it is in firefox.
Perhaps someone will have some insight into that.
Not sure if a different font would make any difference.
Thanks. A few more facts. I’m using 5.1, but I also noticed the problem in 5. I can’t remember it occurring in 4; and I certainly would have noticed—my page is text-based.
I also wonder if I should be using Layers with this design–I’m not.
I’m talking to cdusher and myself because it’s Memorial Day Weekend in the States. A holiday in U.K. as well?
But I just had a wonderful “duh” moment. I’m going to insert the graphics inline and see what happens. It might make this particular page work better anyway. So a “duh” moment has just become a “eureka” moment.
Continuing my dialogue with myself. The work-around is better than the original. But I’d still like to know why text and graphics don’t align properly in Safari.
Different browsers treat text differently, notably the leading (or “line-height”). There’s is no way to force all browsers to make the same HTML text look exactly the same and take up exactly the same amount of room. Check the page in a few other browsers (on Windows as well!) and you’ll see that Safari isn’t the only where text and graphics are not aligning as you wish.
You also need to take into account what happens when the user changes the size of the text. The first version of the page doesn’t work well with this: increase the text size and you will find that the text block on the top right-hand side starts disappearing behind the photo of Rooney the orange cat.
Continuing my dialogue with myself. The work-around is better than
the original. But I’d still like to know why text and graphics
don’t align properly in Safari.
You’ve solved it, but I reckon your first page was better layed-out
than the second; you could have kept the copy on the left, with a
‘column’ of stuff down the right hand side, if you’d just pasted that
top text box into a box that contained the rest of the right hand
‘column’. Don’t know if that helps …
It’s something to consider. I’m trying to keep things simple with this new version of my page.
A text column with my credits above and a series of in-line graphics below? I’ll give it a try and continue to mumble to myself about it because I did like the look of the first arrangement.
Thanks again for all the thoughts. Paul, Michael, cdusher. I tried placing my graphics in a text column to the right, but I still had the problem of graphics not aligning properly with text to the left.
So I’m staying with my initial correction and placing my graphics in-line.
Thanks again for all the thoughts. Paul, Michael, cdusher. I tried
placing my graphics in a text column to the right, but I still had
the problem of graphics not aligning properly with text to the left.
Text on the Web is variable, depending on the viewer and you have no
way to ensure that things will align like that. When I gave advice
earlier about putting all your vertical right-hand content in one
box, I didn’t realise that your site was built using tables, I
assumed it was CSS based, and my advice was based on that. Still,
from what I remember of tables, it could still apply; I guess you
could merge all cells on the right into one vertical column, then
paste all your content in, one piece under the previous one and so on.
Regarding CSS. I know nothing about it. This is a new site for me. I’ve put all my past work for my weekly journal in an archives site–two years worth. For this new site I now have a total of five pages, all text with minimal graphics. Would this be a good time to dive into CSS?
Given the nature of my site–primarily text–would it make sense to convert it to CSS? Thanks for any thoughts.
Regarding CSS. I know nothing about it. This is a new site for me.
I’ve put all my past work for my weekly journal in an archives
site–two years worth. For this new site I now have a total of five
pages, all text with minimal graphics. Would this be a good time to
dive into CSS?
Given the nature of my site–primarily text–would it make sense to
convert it to CSS? Thanks for any thoughts.
Yes, I’d have said your site was a good candidate, as it’s quite
simple in layout.
pages, all text with minimal graphics. Would this be a good time to
dive into CSS?
Given the nature of my site–primarily text–would it make sense to
convert it to CSS? Thanks for any thoughts.
Yes, I’d have said your site was a good candidate, as it’s quite
simple in layout.
Final question. Does each page have to be ‘rebuilt’ or is it simply a matter of clicking the CSS button at the top of the Freeway page? In other words is CSS generated at the time that html is generated when the site is published?
Sometime around 26/5/08 (at 11:37 -0400) Britt Leach said:
Final question. Does each page have to be ‘rebuilt’ or is it simply
a matter of clicking the CSS button at the top of the Freeway page?
In other words is CSS generated at the time that html is generated
when the site is published?
You don’t have to remake your page. BUT… please be aware that the
CSS button does NOT automatically convert anything in your layout -
it does not change anything you have already made. What that does is
make NEW items that you make from then on as things that will be
generated as CSS-positioned objects when you publish.
To make an existing item be published as a CSS-positioned item rather
than as part of an invisible table structure, select it and click the
Layer checkbox in the Inspector palette.
Simple, and this means you can mix CSS and non-CSS items in a page
very easily. The only difference between what you hoped for and the
reality is that you do have to do this layering step for each item in
turn.
You’ll need to rebuild the pages. The state of the CSS button is only taken into account when a new HTML object is drawn. You can change the positioning of any existing HTML object from table-based to CSS-based by selecting the object and checking the “layer” option in the Inspector panel.
In order to get the most out of CSS positioning, you’ll need to read up a bit on how it works and how Freeway handles it. I believe the Freeway 5 documentation is not yet complete, but if you download the complete Freeway 4 documentation from Softpress, the CSS primer should be in there.
Final question. Does each page have to be ‘rebuilt’ or is it simply a matter of clicking the CSS button at the top of the Freeway page? In other words is CSS generated at the time that html is generated when the site is published?
Final question. Does each page have to be ‘rebuilt’ or is it simply
a matter of clicking the CSS button at the top of the Freeway page?
In other words is CSS generated at the time that html is generated
when the site is published?
Thanks very much for your thoughts.
No, the CSS button only affects items you make after you’ve clicked it.
Thanks for all the info. I need to read the documentation on CSS. But my assumption is that CSS-designed page have advantages in terms of how browsers read the page.