probleem in IE

the goose · 22 mrt 2007

hey,

ik ben bezig met een site te maken, maar nu heb ik een vaag probleem...
als ik de webpagina open met IE en naar beneden scroll blijkt er een spatie te zijn tussen de eigenlijke onderkant van de template en het onderste van mijn browser.
Offline doet het probleem zich niet voor, en wanneer je online refreshed in IE is het ook opgelost...
In firefox is er geen enkel probleem.

Index.html ziet er als volgt uit:

HTML:

<html>
<head>
<title>Veralbo b.v.b.a.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#2f3336" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">


<center>
<table id="Table_01" width="976" height="1000" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="13">
			<img src="images/left_bot.jpg" width="47" height="100%" alt=""></td>
		<td colspan="16">
			<img src="images/top_bot.jpg" width="882" height="58" alt=""></td>
		<td rowspan="13">
			<img src="images/right_bot.jpg" width="46" height="100%" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="58" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left_spacer_nav.jpg" width="2" height="36" alt=""></td>
		<td colspan="15">
			<img src="images/top_bar.jpg" width="880" height="36" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="images/banner_left.jpg" width="339" height="179" alt=""></td>
		<td>
			<img src="images/banner_middle.jpg" width="272" height="179" alt=""></td>
		<td colspan="8">
			<img src="images/banner_right.jpg" width="271" height="179" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="179" alt=""></td>
	</tr>
	<tr>
		<td colspan="16">
			<img src="images/middle_bar.jpg" width="882" height="44" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="44" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2">
			<img src="images/navigatie.jpg" width="181" height="27" alt=""></td>
		<td rowspan="4">
			<img src="images/nav_contents.jpg" width="13" height="579" alt=""></td>
		<td colspan="4">
			<img src="images/content_top.jpg" width="495" height="5" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="images/contents_contact.jpg" width="9" height="576" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="images/contact.jpg" width="184" height="27" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/nav_contents-16.jpg" width="19" height="571" alt=""></td>
		<td colspan="3" rowspan="2">



			<iframe name="main" src="nav_1.html" width="476" height="571" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">
			</iframe></td>



		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/left_stroke.jpg" width="21" height="549" alt=""></td>
		<td>



			<iframe name="navigation" src="navigatie.html" width="160" height="549" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">
			</iframe></td>



		<td>
			<img src="images/shoutbox_left.jpg" width="3" height="549" alt=""></td>
		<td>



			<iframe name="contact" src="contact.html" width="160" height="549" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder="0" border="0" scrolling="no">
			</iframe></td>



		<td colspan="3">
			<img src="images/shoutbox_right.jpg" width="21" height="549" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="549" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="5">
			<img src="images/left_stroke-23.jpg" width="5" height="97" alt=""></td>
		<td colspan="2">
			<img src="images/nav_bottom.jpg" width="176" height="3" alt=""></td>
		<td colspan="5">
			<img src="images/contents_bottom.jpg" width="498" height="3" alt=""></td>
		<td colspan="5">
			<img src="images/index_25.jpg" width="188" height="3" alt=""></td>
		<td>
			<img src="images/right_stroke.jpg" width="2" height="3" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="images/top_nav_2.jpg" width="877" height="7" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="7" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="images/frame_nav_2.jpg" width="872" height="37" alt=""></td>
		<td>
			<img src="images/right_nav_2.jpg" width="3" height="37" alt=""></td>
		<td>
			<img src="images/right_stroke-31.jpg" width="2" height="37" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="14">
			<img src="images/bottom_bot.jpg" width="877" height="47" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="47" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left_stroke-33.jpg" width="16" height="3" alt=""></td>
		<td colspan="12">
			<img src="images/index_33.jpg" width="859" height="3" alt=""></td>
		<td rowspan="2">
			<img src="images/right_stroke-35.jpg" width="2" height="13" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/left_stroke-36.jpg" width="2" height="10" alt=""></td>
		<td colspan="14">
			<img src="images/bottom_stroke.jpg" width="878" height="10" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="47" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="160" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="19" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="126" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="272" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="78" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="160" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="46" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
</center>
</body>
</html>

URL: http://www.team-ireland.net/jan/veralbo/
Probleem: http://www.team-ireland.net/jan/veralbo/spatie.jpg

alvast bedankt,
the goose

the goose · 22 mrt 2007

ik merk net op dat wanneer je op de bovenste link klikt, het probleem zich ook niet voordoet in IE (althans bij mij niet)

probeer even het url www.team-ireland.net/jan/veralbo in je adressenbalk van IE browser te typen.

JeroenE · 23 mrt 2007

Als ik met IE 6.0 naar jouw dite surf, dan heb ik daar geen probleem mee.
Er is geen spatie.
Misschien ligt het aan IE 7.0?

Greetz : Jer

en.

peter vazed · 23 mrt 2007

Je moet een plaatje in een td op EEN lijn zetten.
Nu
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="46" height="1" alt=""></td>
<td></td>
Maake er dit van

<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="46" height="1" alt=""></td>
<td></td>

the goose · 23 mrt 2007

door dit op een lijn te zetten verander je toch niets aan de code zelf, maakt toch niets uit?

Rimsic · 23 mrt 2007

nee volgens mij ook niet, een enter in een stukkie html code wordt niet als nieuwe regel gezien.

JeroenE · 23 mrt 2007

Niet als nieuwe regel, maar wel als een spatie.

Greetz : Jer

en.

Egel · 23 mrt 2007

JeroenE zei:
Niet als nieuwe regel, maar wel als een spatie.

Als whitespace idd. Maar niet voor een element, wel tussen en na. Fx gebruikt alleen tussen:

PHP:

<style>
 table {background: #ccc;}
 td {background: #fff;}
 img {background: #bdf;}
</style>

<table>
 <tr><td>
<img height="8" width="12"></td></tr>
 <tr><td><img height="8" width="12">
<img height="8" width="12"></td></tr>
 <tr><td><img height="8" width="12">
</td></tr>
 </tr>
</table>

~/~

Als je dit stylesheet in de head van de pagina zet:

PHP:

<style type="text/css">
 body {margin: 0px; padding: 0px;}
</style>

is het opgelost denk ik, bij mij blijft het goed zowel met vernieuwen als de met knop 'Ga naar'.

Vr.Gr. Egel.

the goose · 25 mrt 2007

ahhh zeer hard bedankt!

het probleem is hier inderdaad mee opgelost :thumb:

groeten,
the goose

probleem in IE

the goose

Gebruiker

the goose

Gebruiker

JeroenE

Terugkerende gebruiker

peter vazed

Meubilair

the goose

Gebruiker

Rimsic

Terugkerende gebruiker

JeroenE

Terugkerende gebruiker

Egel

Terugkerende gebruiker

the goose

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy