Craig Palenshus wrote: >I'm in the process of creating a new site entirely in CSS. It displays great >in Firefox, but poorly in IE. Please see http://creed-homes.com. > >In Firefox, the navigation on the left displays correctly. The bullets are >lined up right and the rule lines underneath each nav item are positioned >correctly. In IE, it's all wacky. > >Also, the testimonial section on the bottom looks excellent in Firefox, but >in IE, you can't make out what it says because the large quote marks have >distorted everything. > >At the very bottom of the page, the footer links are being overlapped by the >left navbar. I always want them to appear underneath the other 2 content >sections. > >My stylesheets are all embedded in the page. > >Can someone help me with: >A) making the navbar match how Firefox looks in IE >B) fixing the testimonial copy >C) positioning the footer links so they are always under the content >that comes above it > >Thanks! >Craig Palenshus > > Hi Craig, A) Styling a <hr> is pretty difficult, if you want the same result for all browsers. I should think: use a border-bottom line instead.
C) You can float-left the left side as well as the content column, and then make a clear-left (that is: turn around the order: first left column, then the content). In this way the footer will always be under the lasrgest column. B) To avoid IE-issues (and who knows problems with some other browsers), I should suggest to make background-images of the quotemarks, See for A and C a test page over here <http://home.tiscali.nl/developerscorner/css-discuss/test-creed.htm>. (Some more hints inside the source code.) Succes, francky btw-1: To give IE-owners the opportunity to scale the font size (especially when needed at big resolutions), you should always set the font-sizes in relative units! (in em's, after a general body {font-size:100%} ). btw-2: There was 2 times an ID with the same #links name. Doesn't validate! ;-) btw-3: In IE the is a 3px difference in height for the header-img relative to the sidebar along. btw-4: In case of an image in the html, if possible give it the height and width in the html, that will render more efficient. Then before the img is loaded, the texts of the page are already good positioned around the spaces of the images (no jumps after loading the images, always some milliseconds later). ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
