Jump to content


HTML/CSS: Gap below image with strict doctype

Started by artcoder, Mar 03 2007 12:56 AM

1 reply to this topic

#1 artcoder

    Young Padawan

  • Members
  • Pip
  • 109 posts
  • Location:Planet Earth
  • Interests:Collecting videos at FunAndEducationalVideos.com

Posted 03 March 2007 - 12:56 AM

Why is there a gap between my top image and my bottom table cell in Firefox 2.0?See here.

It only happens on firefox and only when I use the strict doctype.

#2 Hayden

    P2L Jedi

  • Members
  • PipPipPip
  • 716 posts
  • Gender:Male
  • Location:Texas

Posted 03 March 2007 - 02:32 AM

I get the same thing with Safari. I don't have IE, so I don't know what it does there. Most likely, like everything web related, there's the page in IE and there's the page in every other browser.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<table cellspacing="0" cellpadding="0" style="background-color: gray;">
<tr><td><img src="topround.gif" alt="topround" /></td></tr>
<tr><td style="padding: 5px;">body here</td></tr>
</table>
</body>
</html>
You could do it like that, if you wanted to keep it strict.

Edited by SpatialVisionary, 03 March 2007 - 02:39 AM.

Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design