On Mon, 15 Dec 2008 06:33:59 -0800, [email protected] wrote: > [...] > > The really big concern is the side navigating bar image and the css text is > being > pushed about 3 inches toward the centre which destroys the whole lay-out on > the page. > This is only happening on a pc using explorier 7. > > I'm wondering what explorer bugs am I encountering and what hacks I need to > write in. > > The other problem that I have with all browsers on both mac & pc is that the > Image > behind the navigation bar doesn't repeat as the main body text increases in > size. I > have it set to repeat on the y axes. > > I've read that explorer doesn't like padding so I've stayed away from using > any at all. > > I'm still new at this so any ideas would be great. > > You can view the site at this url > > http://www.drbjornsauto.com/index_01.html >
The bugs you are encountering are in your code, not the browser. There are conflicting rules for #sidebar1, forcing browses to guess. You have a "float" declaration followed by "position: absolute;" - but you have no position specified, forcing browsers to guess. Delete the float declaration, and give it the "top" and "left" that you want, and browsers will then agree. Declaring base font in EMs triggers the "extreme font sizing" bug in IE. I suggest you use a base font of 100%, or you may have other problems with text sizes. As has been mentioned, you have errors in both HTML and CSS. I suggest you validate before posting your next query. Cordially, David -- ______________________________________________________________________ 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/
