I am developing a site with css, and have things working well on both NS and IE on the PC. However, the site breaks apart when viewed on the Mac. There is a 5px gap in the navigation, and I can't figure out how to fix it. Anyone have any reasons for this?
Thanks for your input.
Here is a link to the site that is breaking.
<!-- m --><a class="postlink" href="http://utweb.ut.edu/student/KedR/aid.cfmTry">http://utweb.ut.edu/student/KedR/aid.cfmTry</a><!-- m --> removing the <?xml...> declaration from the top and see if it works. That puts IE in "buggy" mode.
Also, I'd remove
bgcolor="#990000" leftmargin="0" topmargin="0" from <body> and put that in CSS instead.
body{ /*other styles */
margin-left: 0;
margin-top: 0;
padding-left: 0;
padding-top: 0;
background: #900}
I added the padding: 0 because default padding for <body> may differ from browser to browser.I have made the changes you had brought up. When I take the xml version stuff out of the page, IE dorks up on the PC... Well it looks JUST like it does on the Mac. I get a 5px margin on the right side of the navigation.
It rendars fine on NS7 and IE6 on the PC. I'm sure there is something in my CSS that is causing this breakdown, but I'm not sure what it is.
Thanks for your input.
-KedronI am still working on the css breakdown on the mac. Safari seems to render just fine. However, IE and NS have a 5px margin on the right side of the navigation. It's killing me! I don't want to have to resort to checking for a mac browser and feeding a new style sheet.
Anyone have any insite?
<!-- m --><a class="postlink" href="http://utweb.ut.edu/student/kedr/aid.cfm">http://utweb.ut.edu/student/kedr/aid.cfm</a><!-- m -->
Thanks for your time!!
For those of you who care, I thought I would post my solution to the situation. There were a few CSS tags that I had to remove to get the page to work on a Mac. (btw safari works fine, just the other browsers dorked up.)
I removed the height and widths that were 100%. Once I moved those out I had to drop in a background image to repete that effect. The image needed to be repeated on the y to work correctly.
All that to say, it finally works. Thanks for your input.
This will be a fully supported css site. It may be one of the first university sites to go all css. Keep posted at ut.edu
Thanks for your input.
Here is a link to the site that is breaking.
<!-- m --><a class="postlink" href="http://utweb.ut.edu/student/KedR/aid.cfmTry">http://utweb.ut.edu/student/KedR/aid.cfmTry</a><!-- m --> removing the <?xml...> declaration from the top and see if it works. That puts IE in "buggy" mode.
Also, I'd remove
bgcolor="#990000" leftmargin="0" topmargin="0" from <body> and put that in CSS instead.
body{ /*other styles */
margin-left: 0;
margin-top: 0;
padding-left: 0;
padding-top: 0;
background: #900}
I added the padding: 0 because default padding for <body> may differ from browser to browser.I have made the changes you had brought up. When I take the xml version stuff out of the page, IE dorks up on the PC... Well it looks JUST like it does on the Mac. I get a 5px margin on the right side of the navigation.
It rendars fine on NS7 and IE6 on the PC. I'm sure there is something in my CSS that is causing this breakdown, but I'm not sure what it is.
Thanks for your input.
-KedronI am still working on the css breakdown on the mac. Safari seems to render just fine. However, IE and NS have a 5px margin on the right side of the navigation. It's killing me! I don't want to have to resort to checking for a mac browser and feeding a new style sheet.
Anyone have any insite?
<!-- m --><a class="postlink" href="http://utweb.ut.edu/student/kedr/aid.cfm">http://utweb.ut.edu/student/kedr/aid.cfm</a><!-- m -->
Thanks for your time!!
For those of you who care, I thought I would post my solution to the situation. There were a few CSS tags that I had to remove to get the page to work on a Mac. (btw safari works fine, just the other browsers dorked up.)I removed the height and widths that were 100%. Once I moved those out I had to drop in a background image to repete that effect. The image needed to be repeated on the y to work correctly.
All that to say, it finally works. Thanks for your input.
This will be a fully supported css site. It may be one of the first university sites to go all css. Keep posted at ut.edu