SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Addict longroad's Avatar
    Join Date
    Mar 2004
    Location
    Australia
    Posts
    236
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with template stretching

    Hi all

    I've got my template enclosed in a table (I wont be doing a full css layout, so dont even suggest it )
    I've attached a picture so you can see, but the content is slightly stretching the template a bit on the right side.
    No matter what I do, padding etc, it continually pushes that right side out by a pixel or two (it was lining up fine until i put the content in)
    How can i get around this?
    I have specified all widths of images and td's, so i dont get how i can fix this.

    here is my html & css
    Code:
    <html>
    <head>
    <title>Untitled Document</title>
    
    <style type="text/css">
    <!--
    .left {
    	background-image: url(left.jpg);
    	background-repeat: repeat-y;
    }
    .right {
    	background-image: url(right.jpg);
    	background-repeat: repeat-y;
    }
    .content {
    	background-image: url(contentbg.jpg);
    	background-repeat: repeat;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	font-weight: normal;
    	color: #000000;
    	padding-top: 10px;
    	padding-right: 20px;
    	padding-bottom: 10px;
    	padding-left: 25px;
    	vertical-align: top;
    }
    
    .top {
    	background-image: url(top.jpg);
    	background-repeat: no-repeat;
    }
    
    .bottom {
    	background-image: url(bottom.jpg);
    	background-repeat: no-repeat;
    }
    h1 {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: normal;
    	color: #660000;
    }
    -->
    </style>
    </head>
    
    <body>
    <table width="724" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="3" width="724" height="112" class="top">&nbsp;</td>
      </tr>
      <tr>
        <td width="44" class="left">&nbsp;</td>
        <td width="636" height="300" class="content"><h1>Can I play digital audio
            or CD audio music?</h1>
          <p><br />
            - If you would like to listen to digital audio or CD music while playing
              the game, you must have done a COMPLETE installation.<br />
            - If you have done a COMPLETE installation, you can play digital audio
              music by launching your digital music player before launching the game,
              or you can ALT-TAB back to the desktop from the game and launch the
              digital music player.<br />
            - You can turn off the front-end music and modify the in-game sound
              volume by going to the sound options menu.<br />
            - Choose Options from the Main Menu. Click on the Sound Tab and set
              the volume sliders to your liking.<br />
            - You can only play CD Music if your system has 2 CD-ROM drives or
              if you have done a COMPLETE installation. Insert your Music CD in your
              secondary
              CD-ROM drive and launch your digital music player before launching
              the game.<br />
            - EA Technical Support cannot assist with any issues that result from
          using 3rd party media players. </p>
          <p>d. My virus checker says this game has a virus, do I?<br />
            - It is recommended that you shut down any virus scanning programs prior
              to installing Tiger Woods PGA TOUR 2004.<br />
            - If you do not have up to date virus definitions, there is a possibility
            that you will receive a False Alert from your virus detection software.</p>
          <p>e. How do I set up my teams in the team games?<br />
            - The order in which you add golfers to the game will determine the teams.<br />
            - For example if the game type is Four Ball Match (a four player team
            game) the first two selected golfers will be team 1 and the last two
            golfers will be team 2..........</td>
        <td width="44" class="right">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="3" width="724" height="112" class="bottom">&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>
    Attached Images Attached Images

  2. #2
    SitePoint Wizard Pedro Monteiro's Avatar
    Join Date
    Sep 2002
    Location
    Lisbon
    Posts
    1,393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello there!

    I'm finding it a bit hard to understand which part is getting streched.

    Is it the middle column where the content resides, or the column right next to it?

  3. #3
    SitePoint Addict longroad's Avatar
    Join Date
    Mar 2004
    Location
    Australia
    Posts
    236
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Pedro Monteiro
    Hello there!

    I'm finding it a bit hard to understand which part is getting streched.

    Is it the middle column where the content resides, or the column right next to it?
    Did you see the attachment? (just checking because i dont see where to download attachments)

    I'd guess its the middle column stretching a bit which is pushing everything to the right. All the content is in the middle column, so that would be the one thats stretching

  4. #4
    SitePoint Addict longroad's Avatar
    Join Date
    Mar 2004
    Location
    Australia
    Posts
    236
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm.. stick a border on this table and you'll find it wont stretch.. ?

  5. #5
    SitePoint Wizard Pedro Monteiro's Avatar
    Join Date
    Sep 2002
    Location
    Lisbon
    Posts
    1,393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Isn't this working?

    Code:
    <html>
    <head>
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    .left {
     background-image: url(left.jpg);
     background-repeat: repeat-y;
    }
    .right {
     background-image: url(right.jpg);
     background-repeat: repeat-y;
    }
    .content {
     background-image: url(contentbg.jpg);
     background-repeat: repeat;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-weight: normal;
     color: #000000;
     padding-top: 10px;
     padding-right: 20px;
     padding-bottom: 10px;
     padding-left: 25px;
     vertical-align: top;
     width:636px;
     height:300px;
    }
    .top {
     background-image: url(top.jpg);
     background-repeat: no-repeat;
    }
    .bottom {
     background-image: url(bottom.jpg);
     background-repeat: no-repeat;
    }
    h1 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     font-weight: normal;
     color: #660000;
    }
    -->
    </style>
    </head>
    <body>
    <table width="724" border="0" cellspacing="0" cellpadding="0">
      <tr>
    	<td colspan="3" width="724" height="112" class="top">&nbsp;</td>
      </tr>
      <tr>
    	<td width="44" class="left">&nbsp;</td>
    	<td class="content"><h1>Can I play digital audio
    		or CD audio music?</h1>
    	  <p><br />
    		- If you would like to listen to digital audio or CD music while playing
    		  the game, you must have done a COMPLETE installation.<br />
    		- If you have done a COMPLETE installation, you can play digital audio
    		  music by launching your digital music player before launching the game,
    		  or you can ALT-TAB back to the desktop from the game and launch the
    		  digital music player.<br />
    		- You can turn off the front-end music and modify the in-game sound
    		  volume by going to the sound options menu.<br />
    		- Choose Options from the Main Menu. Click on the Sound Tab and set
    		  the volume sliders to your liking.<br />
    		- You can only play CD Music if your system has 2 CD-ROM drives or
    		  if you have done a COMPLETE installation. Insert your Music CD in your
    		  secondary
    		  CD-ROM drive and launch your digital music player before launching
    		  the game.<br />
    		- EA Technical Support cannot assist with any issues that result from
    	  using 3rd party media players. </p>
    	  <p>d. My virus checker says this game has a virus, do I?<br />
    		- It is recommended that you shut down any virus scanning programs prior
    		  to installing Tiger Woods PGA TOUR 2004.<br />
    		- If you do not have up to date virus definitions, there is a possibility
    		that you will receive a False Alert from your virus detection software.</p>
    	  <p>e. How do I set up my teams in the team games?<br />
    		- The order in which you add golfers to the game will determine the teams.<br />
    		- For example if the game type is Four Ball Match (a four player team
    		game) the first two selected golfers will be team 1 and the last two
    		golfers will be team 2..........</td>
    	<td width="44" class="right">&nbsp;</td>
      </tr>
      <tr>
    	<td colspan="3" width="724" height="112" class="bottom">&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>

  6. #6
    SitePoint Addict longroad's Avatar
    Join Date
    Mar 2004
    Location
    Australia
    Posts
    236
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Pedro, did you change anything or is that what i originally had?

  7. #7
    SitePoint Enthusiast Magdalena's Avatar
    Join Date
    May 2004
    Location
    Canada
    Posts
    33
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could you post an URL for this? I can't see how large your images are. With a table with fixed widths this should not be happening. Your header image might be a few pixels too short? Give your table border="1", this could help you see which one of the cells is doing this. Also, instead of putting &nbsp; in the left and right column, put the actual background images there, and you will see if they are stretching. If none of the above, the only thing left is that the middle column is somehow too wide...

    I hope this is helpful


    M.
    If I had only known, I would have been a locksmith.
    Albert Einstein

  8. #8
    SitePoint Wizard Pedro Monteiro's Avatar
    Join Date
    Sep 2002
    Location
    Lisbon
    Posts
    1,393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by longroad
    Pedro, did you change anything or is that what i originally had?
    What the hell?!

    I must have forgoten to past the changes there, let me check if I still have the file somewhere.

    Sorry about that.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •