HTML and CSS Help

IndustriousBird · October 29 '02, 02:25 PM (#1)

I just launched a site and it works and looks fine on ie for windows, and netscape and mozilla for mac, but it has issues with ie for mac. Specifically, I have two problems regarding ie 5.1 on mac os 9.2.2...

1) the main content table gets stretched to the right on ie for mac- creating unused white space that is not supposed to be there. To view the link you have to Register

2. I can't get these quicktime movies to work on ie for mac.
To view the link you have to Register (This page is actually a pop up window that is accessed from the first sample image on this page.. To view the link you have to Register)

Any help with these issues would be greatly appreciated. I'm stumped!

**filburt1** · October 29 '02, 03:25 PM (#2)

I happen to be using IE 5.2.2 on my iBook at the moment so I can't compare what the first point should look like. But re: the QT movie, when I enter the URL in the browser manually it gives a 404 error; are you sure the movie is actually there (/piper3.mov) in the first place?

IndustriousBird · October 29 '02, 04:11 PM (#3)

hi filburt 1,

thanks a lot for checking it out. I am sure that the piper.mov file is there because it seems to work for everyone except those on ie for mac. I am using ie on a win98 OS and everything works...

**filburt1** · October 29 '02, 05:43 PM (#4)

I'm busy at the moment but I'll check it out soon...unless anybody else here has a Mac...

IndustriousBird · October 30 '02, 09:05 PM (#5)

any more ideas? I would be most grateful!!!

**filburt1** · October 30 '02, 09:14 PM (#6)

Whiteness problem: the only thing I can suggest is to simplify the table layout (I'm working on that now)
QT issue: still checking into...

**filburt1** · October 30 '02, 09:27 PM (#7)

I redid the table (it was quick and dirty DW so some of the CSS you had might have been lost):

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>Bird's Words</title>
<SCRIPT>if(document.layers){document.write('<' + 'link rel="STYLESHEET" type="text/css" href="css/industrious_mac.css">');}else if(navigator.userAgent.indexOf('mac')>-1){document.write('<' + 'link rel="STYLESHEET" type="text/css" href="css/industrious_mac.css">');}else{document.write('<' + 'link rel="STYLESHEET" type="text/css" href="css/industrious_bird.css">');}</SCRIPT>
<script>
if(document.layers) {
	alert ("This site is best viewed in Internet Explorer or Netscape 6.2 and above");
}
</script>
</head>

<body>
<table border="0" cellspacing="0" cellpadding="0" width="750" bgcolor="#FFFFFF" align="center">
  <tr> 
      <td rowspan="2"><a href="index.html"><img src="img/logo.jpg" width="156" height="98" alt="" border="0"></a></td>
      <td colspan="4"><img src="img/banner1.jpg" width="594" height="82" alt="" border="0"></td>
    </tr>
    <tr> 
      
    <td align="center" bgcolor="#000000"><font color="A62227"><b>W o r d s</b></font></td>
      
    <td align="center" bgcolor="#000000"><a href="music.html" class="musicLink">M 
      u s i c</a></td>
      
    <td align="center" bgcolor="#000000"><a href="clients.html" class="clientsLink">C 
      l i e n t s</a></td>
      
    <td align="center" bgcolor="#000000"><a href="contact.html" class="contactLink">C 
      o n t a c t</a></td>
    </tr>
    <tr> 
      <td colspan="5"><img src="img/horizontal_bar.jpg" width="750" height="18" alt="" border="0"></td>
    </tr>
    <tr> 
      
    <td valign="top">
      <table border="0" cellspacing="0" cellpadding="4">
        <tr>
          <td> 
            <p><br>
              <a href="copywriting.html" class="wordsLeftNav">Copywriting</a></p>
            </td>
        </tr>
        <tr>
          <td>
            <p>&nbsp;</p>
            <p><a href="press_releases.html" class="wordsLeftNav">Press Releases</a></p>
          </td>
        </tr>
        <tr>
          <td>
            <p>&nbsp;</p>
            <p><a href="copyediting.html" class="wordsLeftNav">Copyediting</a></p>
          </td>
        </tr>
      </table>
    </td>
      <td colspan="4"> 
        <table border="0" cellspacing="0" cellpadding="5">
          <tr> 
            
          <td valign="top"> <br>
            <span class="contentText">Thanks to countless childhood Scrabble Games 
            and an insatiable desire to express myself, I am a certifiable word 
            freak.<br>
            <br>
            <br>
            <img src="img/abc.jpg" width="126" height="126" alt="scrabble tiles" border="0" align="right" valign="bottom" vspace="10">Beyond 
            vocabulary and grammar, I use my ears to listen and my powers of empathy 
            to understand. <br>
            <br>
            <br>
            I am a life-long student of communication.</span></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr> 
      
    <td colspan="5"><span class="contentText"><img src="img/words.jpg" width="750" height="89" alt="Words" border="0"></span></td>
    </tr>
  </table>
</body>
</html>

Does that work any better?

IndustriousBird · October 30 '02, 09:54 PM (#8)

wow. thanks filbert!!!!!!

I have to step out for a couple of hours but I'm going to try that code as soon as I get back home!

HTML and CSS Help

Layout and Quicktime issues in i.e. for mac