Hi, I have 2 irritating problems, both to do with the positioning within the heading area of my brother's website.
http://www.high-forest.co.uk/test/guestrooms.htm 1. I want the big blue title image "Ingleside" to remain centered in the space to the right of the photo of the hotel, whatever the width of the screen 'Clear: left' underneath this image moves all the following text too far down. 2. I also want the words: "Ingleside Guest House, Lynton, Devon" to always start on a new line I have found that putting "white-space: nowrap" makes this work in IE though I don't know why; but it doesn't work in FF The header area coding is: #header { background-color: #ffc; border-style: solid; border-color: #0000c0; border-width: 1px 0; color: #0000c0; padding-left: 0; } #header img { float: left; border-color: #ffc; } .heading-text-image { margin: 1em auto; } #header h2 { /* needs to start on a new line */ white-space: nowrap; /* works in IE! */ text-align: center; margin: 1em auto; padding: 0; } #header h3 { text-align: right; padding: 0; font-size: 100%; margin-top: 0; } The rest of the css is at http://www.high-forest.co.uk/test/ingleside.css Any help would be gratefully appreciated -- I'm out of my limited depth! Rosemary, Northumberland ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
