Feedback on website

Question

I wonder whether someone could give me some feedback on my first site.  www.cortijoandaluz.co.uk  There are a number of issues with the site.  1. I'd like to get rid of the margin at the top of the site, but can't figure out how to do this. Ideally, I'd also like to get rid of the side margins when the browser width is less than the site's minimum width. 2. There's something odd with the css.I have two sets of attributes for the body, one at the top which deals with padding and one towards the bottom which deals with all the other elements. I would have thought these two sets could be combined, but this sends the whole layout awry. 3. Perhaps related to this issue, a css validation gives me a parse error for the first body reference, but I've no idea what such an error is. 4. I started out attempting a liquid layer, but this proved difficult as I lost control of the text. In the end, the min/max width sizes had to be constrained, that it might simply be better to fix the width..  4. The text in Safari OSX is behaving oddly in the Gardens page. When the browser width is extended beyond a certain point, the text adjacent to the "transparency" div elongates vertically so there are only one or two words per line. This does not happen to the text adjacent to the "slideshow" div, even though both divs are similarly positioned. 5. That issue aside the site looks ok in OSC Safari and Firefox. I haven't been able to look at the site on a Windows PC. From Adobe Lab, it would appear that the text is quite pixelated in IE7 and horribly so in Firefox. I understand there are going to be differences, but this appears a little excessive.  I think that's all.  Thanks very much.

Answer 1

I wonder whether someone could give me some feedback on my first site.   www.cortijoandaluz.co.uk    There are a number of issues with the site.    1. I'd like to get rid of the margin at the top of the site, but can't figure out how to do this. Ideally, I'd also like to get rid of the side margins when the browser width is less than the site's minimum width.   2. There's something odd with the css.I have two sets of attributes for the body, one at the top which deals with padding and one towards the bottom which deals with all the other elements. I would have thought these two sets could be combined, but this sends the whole layout awry.   3. Perhaps related to this issue, a css validation gives me a parse error for the first body reference, but I've no idea what such an error is.   4. I started out attempting a liquid layer, but this proved difficult as I lost control of the text. In the end, the min/max width sizes had to be constrained, that it might simply be better to fix the width.  5. The text in Safari OSX is behaving oddly in the Gardens page. When the browser width is extended beyond a certain point, the text adjacent to the "transparency" div elongates vertically so there are only one or two words per line. This does not happen to the text adjacent to the "slideshow" div, even though both divs are similarly positioned.   6. That issue aside the site looks ok in OSC Safari and Firefox. I haven't been able to look at the site on a Windows PC. From Adobe Lab, it would appear that the text is quite pixelated in IE7 and horribly so in Firefox. I understand there are going to be differences, but this appears a little excessive.   I think that's all.  Thanks very much.