Helping a friend with her personal site. At first, we laid everything out with tables (yes, I know, old school, but it's what I know), using .css for everything else. Then I redid it without tables, using .divs instead. Here are the problems:
1. In the table site, on the main page (»
moonlake.net/becoming/index.html ) everything lays out ok (including the non-kosher surrounding table with 100% height to center the content table vertically) in both IE and FF, but the font sizes differ, becoming smaller in FF. Why? Can I avoid this so the fonts display the same in both browsers?
2. In the non-table site, on the main page (»
moonlake.net/becoming/in ··· ex2.html ), in FF, the menu links do not align centered, but over to the left, despite specifying text-align center. In IE everything looks correct. This is why I use tables, but I'm trying to learn how to work without tables (not sure why, just stubborn, I guess
).
3. On the inside pages (for instance, »
moonlake.net/becoming/bb ··· ych.html ), I would have liked two lines of text next to the logo pic at the top right, but even using an align: middle property for the picture, only the first line of the text vertically aligns to the middle of the picture; if I add a second line, it goes below. This is how it always behaves in HTML without css; is there anyway to have two lines line up to the right of the picture? Without using another table?
Sorry for the newb misundertandings; this is how I learn
. Thanks.