Jump to content


Photo

table breaks in strict mode


  • Please log in to reply
8 replies to this topic

#1 michaellunsford

michaellunsford
  • Members
  • PipPipPip
  • Advanced Member
  • 1,023 posts
  • LocationLouisiana, USA

Posted 16 October 2006 - 01:47 AM

http://www.pack223.com/test.php

I've eliminated the CSS and all the content. I can't seem to get the table to close up in 4.01 strict mode. Quirks and Transitional works fine, though. What am I missing?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Evangeline Area Pack 223</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- link rel="stylesheet" type="text/css" href="elements/style.css" -->
</head>
<body>
<div style="width:775px; height:680px; margin:auto;">
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" style="margin:0; border-style:none; height:680px; width:775px; ">
	<tr>
		<td colspan="3"><img src="images/index_01.jpg" width="775" height="87" alt=""></td>
	</tr>

	<tr>
		<td><img src="images/index_02.jpg" width="94" height="502" alt=""></td>
		<td><img src="images/wel1.jpg" width="604" height="502" alt=""></td>
		<td><img src="images/index_04.jpg" width="77" height="502" alt=""></td>
	</tr>
	<tr>
		<td colspan="3"><img src="images/index_05.jpg" width="775" height="91" alt=""></td>
	</tr>
</table>

</div>
</body>
</html>


#2 fenway

fenway
  • Staff Alumni
  • MySQL Si-Fu / PHP Resident Alien
  • 16,199 posts
  • LocationToronto, ON

Posted 16 October 2006 - 02:37 AM

To be honest, I'm not sure... if you put borders on the cell, though, you'll see where the extra space is coming from.  Why it's there, I have no idea.
Seriously... if people don't start reading this before posting, I'm going to consider not answering at all.

#3 michaellunsford

michaellunsford
  • Members
  • PipPipPip
  • Advanced Member
  • 1,023 posts
  • LocationLouisiana, USA

Posted 16 October 2006 - 02:48 AM

Well, it was adding to the bottom of the images. I seem to have fixed it by turning it into CSS -- making the cell dimensions the same as the image they contained and making the image the cell background.

weird, but it works. ???

The whole internet is one big hack.

#4 michaellunsford

michaellunsford
  • Members
  • PipPipPip
  • Advanced Member
  • 1,023 posts
  • LocationLouisiana, USA

Posted 20 October 2006 - 02:53 AM

GOT IT -- HAHA.
overflow:hidden;

why is there overflow? who knows... but, it's working now!

#5 fenway

fenway
  • Staff Alumni
  • MySQL Si-Fu / PHP Resident Alien
  • 16,199 posts
  • LocationToronto, ON

Posted 20 October 2006 - 04:16 PM

Something must have a margin/border/padding... but who cares, if the problem goes away...
Seriously... if people don't start reading this before posting, I'm going to consider not answering at all.

#6 michaellunsford

michaellunsford
  • Members
  • PipPipPip
  • Advanced Member
  • 1,023 posts
  • LocationLouisiana, USA

Posted 20 October 2006 - 04:27 PM

specified cellpadding="0" and cellspacing="0" but for some reason, any browser I check it in still puts between three and five pixels under any <img> tag.

#7 fenway

fenway
  • Staff Alumni
  • MySQL Si-Fu / PHP Resident Alien
  • 16,199 posts
  • LocationToronto, ON

Posted 20 October 2006 - 04:38 PM

Almost sounds like a block tag vs inline tag issue...
Seriously... if people don't start reading this before posting, I'm going to consider not answering at all.

#8 michaellunsford

michaellunsford
  • Members
  • PipPipPip
  • Advanced Member
  • 1,023 posts
  • LocationLouisiana, USA

Posted 20 October 2006 - 05:27 PM

I don't think so -- but I am a CSS noob. Here's my attached sheet:

html, body {
	margin:0px;
	height:99%;
	color:#FFFFFF;
	background-color:#10112a;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration:none;
	color:#FFFF00;
	background-color:transparent;
	font-weight:bold;
}
a:hover {
	color:#FFFF00;
	background-color:transparent;
	text-decoration:underline;
}
td {
	vertical-align:top;
}
img {
	border-style:none;
}


#9 fenway

fenway
  • Staff Alumni
  • MySQL Si-Fu / PHP Resident Alien
  • 16,199 posts
  • LocationToronto, ON

Posted 22 October 2006 - 09:02 PM

I'm not suggesting that your style sheet is at fault, just that block tags have line breaks and other related things associated with them (like FORM).
Seriously... if people don't start reading this before posting, I'm going to consider not answering at all.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users