Cat

Hi.

I've just redesigned my site for the very first time - never having ever done anything like this before. I was using dreamweaver to create the template then contribute to make the individual pages - it all looked great in the preview windows on those two, and it looks fine in safari - but when I view it in Firefox of Internet Explorer the left hand navigation gets stretched on the pages which have more content on them.
The wedding reception music page looks fine on all of them because the content is short on that page but on a page like our repertoire list - the navigation stays put in safari - but gets ridiculously stretched out in the others.
Like I said - I'm new to all this - I know it must have something to do with my table layout.

Oh, and Internet Explorer doesn't seem to like "text-indent: 1.5cm;" which is part of the style I use on the page sub-heading:
.style8 {
font-family: Cochin;
font-size: 28px;
font-style: italic;
color: #800080;
text-indent: 1.5cm;
}

Any ideas?

Thanks, Cat.

__________________
Catriona Mackay
www.rhapsodystringquartet.co.uk

Bisje

oups, saw this thread to late.

I gave you already some recommandations on the review thread : http://talk.iwebtool.com/thread6978.html

__________________
Take a look at Eric's Books Site to know what I read or at Eric's Boeken Site for the Dutch talking.
Add your book-related website at my Books Directory.

jumpenjuhosaphat

It looks like the problem you are having is because you are using table to lay your page out. The best thing to do in this situation is set up a div that you float:left for the menu items. Then inside of that div place all of your menu links.


Oh, and if you float the menu left, you must place it first in your document before the information that you want to be on the right side.
Then the html

Or if you want to continue to use the table for a layout method, you could do a rowspan="n" in your first td and place all of your menu items within the one table cell.

__________________
Storage Sheds
Lost Forum