gap under image 1

[TruthInSatire]

can someone please tell me why IE is putting a gap below the header graphic please?

http://www.travmak.com/ltminc/index.html

css

#container {
	text-align: center;
}
#body {
	width: 750px; 
	border: 1px solid #006699;
	margin-right:auto;
	margin-left:auto;	
	overflow: auto;
}
#menu {
	margin-left: auto;
	margin-right: auto;
	background-color: #6179B5;
	border-top: 1px solid #CCCCCC;
	color: white;
	font-family:verdana;
	font-size: 12px;
	padding: 2px;
}
#content {
	text-align: left;
	padding: 10px;
}
#footer {
	clear: both;
}

We've heard that a million monkeys at a million keyboards could produce the complete works of Shakespeare; now, thanks to the Internet, we know that is not true.

 

[BillyRayPreachersSon]

It looks like it might be a whitespace issue. Try removing all your tabs and line breaks. If it fixes the issue, put them bak in one at a time until you find the offending one(s).


Once found, you can get around the issue by splitting your closing ">" to the next line, e.g. this:

   <sometag ... some attributes ... />
</someothertag>

becomes this:

   <sometag ... some attributes ... 
/></someothertag>

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[TruthInSatire]

BillyRay,
Thanks for the tip
I changed

<div id = "banner">
   <img src="banner.jpg" width="750" style = "display:inline;" />
</div>
  <div id = "menu" >

to

<div id = "banner">
  <img src="banner.jpg" width="750" style = "display:inline;" /></div>
<div id = "menu" >

(butted the </div> right behind the graphic)
the graphic wasn't always in a div, i put that in to try to figure it out. i assume this would work also, but i'm not going to mess with it now that it works.

<img src="banner.jpg" width="750" style = "display:inline;" /><div id = "menu" >

Thanks again.

We've heard that a million monkeys at a million keyboards could produce the complete works of Shakespeare; now, thanks to the Internet, we know that is not true.

 

[c258]

Try Using tables on your page that can probably help with the gap.

Accounting Software & CRM Software Consultants

 

[BillyRayPreachersSon]

Tables for layout? Don't do it - it's just NOT right!



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Rieekan]

Hmmm, and I would have said something like:

Tables are SOOOO 1998...

heh

- George