Web Analytics Made Easy -
StatCounter IE Nuances on a PC - CodingForum

Announcement

Collapse
No announcement yet.

IE Nuances on a PC

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • IE Nuances on a PC

    Hello friends...

    I need someone with knowledge of CSS and a PC with IE6.0 to help me with a problem on a website I am trying to finish up.

    THe problem is with this page

    http://www.tanisalexis.com/bio.html

    The first thing, is that the page should float center, but it's anchored to the left instead.

    Problem 2, the copywrite and footer text doesn't look the same as it does on a mozilla based browser on a PC, or on Safari in my MAC. The Font has a white background, and it's padding is overblown and too big, causing it to cover up other elements on the page. It also seems to be too big (the actual font). This takes place throughout the entire site, in the same footer area. Sorry I can't give a better description, I don't have a PC to test this problem, it's only been relayed to me via email, and I am trying to describe it.

    If anyone has, either a PC and MAC with IE and Safari that can compare how it looks or even just a PC with both IE and Firefox, and offer a solution to fix it, it would be very much appreciated. I would love to put this project to rest.

    Regards,

    batch

  • #2
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    Doctype with no URL is limited quirks mode, not standards compliance mode.
    The page often won't look the same in different browsers if you don't use standards mode.

    <div id="container" style="align:center;text-align:left;width:500px;">

    That is not standard. There is no align attribute like that to center a div. Try margin:auto instead. After using standards mode.

    If this post contains any code, I may or may not have tested it. It's probably just example code, so no getting knickers in a bunch over a typo, OK? If it doesn't have basic error checking in it, such as object detection or checking if objects are null before using them, put that in there. I'm giving examples, not typing up your whole app for you. You run code at your own risk.
    Bored? Visit
    http://www.kaelisspace.com/

    Comment


    • #3
      ok, thanks to NikiH for solving problem one.

      However, I am still, I think (I can' really know for certain becuase I don't have PC) that the text in the foot of all the pages at:

      http://tanisalexis.com

      Is showing up too big, and the padding with the white background is much larger than my mac running safari. So it's covering things up.

      I have noticed this issue before, that padding seems to be larger on a pc than on a mac, or maybe it's the size of the font which is blowing it out.

      Any insight into why this is happening would be greatly appreciated.

      the CSS page is here:

      http://tanisalexis.com/style.css

      Comment


      • #4
        Try this for your div id="foot"
        Code:
        			<div id="foot"> 
        			  <ul>
        			  <li>copyright&copy; 2005 - Tanis Laird&nbsp;&nbsp;&nbsp;Site by: <a href="http://davidlook.com">28</a></li>
        			  <li><a href="mailto:[email protected]">tanisalexis-at-tanisalexis.com</a></li>
        			  <li>
        <script type="text/javascript" language="javascript">
        				var sc_project=642192; 
        				var sc_partition=5; 
        				var sc_security="47e387fa"; 
        				</script>
        				<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  src="http://c6.statcounter.com/counter.php?sc_project=642192&amp;java=0&amp;security=47e387fa" alt="web stats analysis" border="0"></a> </noscript>			  
        			  </li>
        			  </ul>
        	  		</div>
        and use this for the corresponding CSS
        Code:
        #foot
        {
        	text-align: center;	
        	margin-top: 15px;
        }
        
        #foot ul
        {
        	margin: 0;
        	padding: 5px 0 5px 0;
        	background-color: white;
        	text-align:center;
        }
        
        #foot ul li
        {
        	list-style: none;
        	padding: 10px;
        }
        ||||If you are getting paid to do a job, don't ask for help on it!||||

        Comment

        Working...
        X