I'm re-coding a web site for someone (not redesigning, not my design!) to be in CSS - he wants the page to extend across no matter what size the browser. OK, so I'm having 2 conundrums that I've not been able to find a solution for:
In the header, I'd like to absolutely position the "inspections by bob" title in the center, with the two other elements at left and right, respectively. I thought to use the same technique as elsewhere (e.g. put the image in a <p> tag and use margin: 0 auto; ) but this would mean superimposing this over the entire header and this throws the other two images off. I also tried putting the "inspections by bob" as a background image, centered inside the main header tag but it still migrates to the left. I've kludged it for now using margins but (a) it's going to look bad in many browsers, (b) the entire thing breaks when the wndow is resized - any way to keep the images set in a line even if the browser window goes smaller? I question 2! Why, if I define my body margins 0 and the page width to 100%, do I have a horizontal scrollbar!?! Anne URL: http://www.language-works.com/InspectionsByBob/template.htm CSS: http://www.language-works.com/InspectionsByBob/css/main.css Code: #header { width: 100%; height: 140px; padding: 2px 10px 0 10px; border-bottom: 2px solid #3D756C; background-color:#FFFFFF; clear:both; } #header #logoLeft { width: 234px; float:left; text-align:center; } #header #logoRight { width: 123px; float:right; margin: 0 20px 0 0; } #header #middle { float: left; margin: 0 10% 0 10%; _margin: 0 8% 0 7%; } ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
