[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

cant find where gap is coming from in html

Posted on 2011-05-10
24
Medium Priority
?
406 Views
Last Modified: 2012-05-11
Hi,

I have been looking at this for too long now.

Need some fresh eyes on this problem.

Can someone take a look here and see if they can spot why there is a gap at the top of the page, the striped lines should be flush with the top of the page:
http://www.wsp-sandbox1.co.uk/

Thanks in advance.
0
Comment
Question by:scm0sml
  • 7
  • 5
  • 4
  • +4
24 Comments
 
LVL 16

Expert Comment

by:SSupreme
ID: 35731901
Remove after <body> tag following lines or replace them to between <head></head>: ¿<meta name="description" content="">
    <meta name="keywords" content="">
0
 
LVL 13

Expert Comment

by:jonahzona
ID: 35731924
Not sure what is causing it.

A quick workaround would be do give your content a negative margin.

#main_content {
    margin: -20px auto 0;
    min-height: 900px;
    padding: 0;
    width: 1060px;
}

Open in new window


This will align it with the top of the screen. I will  keep trying to investigate why this is happening.
0
 
LVL 13

Expert Comment

by:jonahzona
ID: 35731930
@SSupreme nailed it.
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Author Comment

by:scm0sml
ID: 35731940
those tags are already inside the <head>??
0
 
LVL 2

Expert Comment

by:minjosefa
ID: 35731973
Set margin and padding 0px for your form-tag:
<form name="aspnetForm" method="post" action="Index.aspx" id="aspnetForm" style="margin: 0px; padding: 0px;">

Open in new window

0
 

Author Comment

by:scm0sml
ID: 35732000
still no joy!

it never used to do this and someone has just spotted it but cant see why...
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 35732006
try to edit <body > to <body>
0
 
LVL 13

Expert Comment

by:jonahzona
ID: 35732009
Well, you can still use the negative margin if you want. I checked the validity of the code, and it all checks out except a simple error.
#main_content {
    margin: -20px auto 0;
    min-height: 900px;
    padding: 0;
    width: 1060px;
}

Open in new window

0
 

Author Comment

by:scm0sml
ID: 35732040
no joy with the body tag.

To be honest I would rather not use the negative margin as I know there is an issue within my html/css somewhere so would rather find out what that is....
0
 
LVL 4

Expert Comment

by:abhinayp
ID: 35732046
Found it.. yay.. n phew..

ur style, css divs everything are good.

i removed these metas n the space was gone.

i removed thore meta


    ¿<meta name="description" content="" />
    <meta name="keywords" content="" />
0
 
LVL 4

Expert Comment

by:abhinayp
ID: 35732062
Put them after body


    </form>
</body>
    ¿<meta name="description" content="" />
    <meta name="keywords" content="" />


</html>
0
 
LVL 13

Expert Comment

by:jonahzona
ID: 35732076
Found it.

There is a space in the <body> element.

It is currently <body >

Notice the space.

Shoudl be <body>
0
 

Author Comment

by:scm0sml
ID: 35732097
The body space didnt fix it but abhinayp, you are right in that it is for some reason the meta tags....why the heck are they causing the problem?

If I remove them it is fine.

The meta tags belong in the head?!
0
 
LVL 13

Expert Comment

by:jonahzona
ID: 35732102
Sorry. Didn't see SSupreme's same idea.

Experts Exchange needs to make these pages auto refresh!
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 35732114
As I said. Also here is image for you. e
0
 

Author Comment

by:scm0sml
ID: 35732126
Guys this isn't fixing it but I agree auto refresh would be good!

Why on earth would the meta tags be causing this?
0
 
LVL 2

Accepted Solution

by:
minjosefa earned 500 total points
ID: 35732145
 <meta name="description" content="" />

Open in new window


Must be:

<meta name="description" content="" />

Open in new window

0
 
LVL 4

Expert Comment

by:abhinayp
ID: 35732192
The meta tags werent correcttly formed.. there was an inverted "?" hiding in the code
0
 
LVL 16

Expert Comment

by:SSupreme
ID: 35732222
Any input without tags in <head> will show up in body
0
 

Author Comment

by:scm0sml
ID: 35732247
I'm lost.

How has the ? got there?

I am using:
<asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>

and then adding my meta tags on each .aspx that uses the masterpage:
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
¿<meta name="description" content="1" /><meta name="keywords" content="2" />
</asp:Content>

I use this approach all the time and never have any problems so don't understand where this random character is coming from and more to the point how to get rid of it?
0
 
LVL 4

Assisted Solution

by:abhinayp
abhinayp earned 500 total points
ID: 35732535
Okay..
Im using chrome.. and here is the screeshot of the viewsource(right click--> view page source) of ur page.

There is a dot or watever before <meta tag.
Remove it.
It isnt visible in visual studio. u shud imagine there is one n hit backspace until it meets with title> tag


untitled.JPG
0
 
LVL 12

Assisted Solution

by:Amick
Amick earned 500 total points
ID: 35732893
You say you use this code all the time:
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
¿<meta name="description" content="1" /><meta name="keywords" content="2" />
</asp:Content>

Remove the ¿ and spell out the command. I think this character is introducing an unprintable character which shows up as a ? which you can see if you highlight the gap as if selecting it to cut and paste.

 See the upper left corner
0
 
LVL 4

Assisted Solution

by:baiju_nagori
baiju_nagori earned 500 total points
ID: 35741255
Can you please use the following code and paste in notepad and save as HTML.

I deleted the Meta tags and typed them again. It works. Some whitespace character is getting introduced. You will be able to see it if you enable "View White Space" in visual studio.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="description" content="1" />
	<meta name="keywords" content="1" />
	<title>Waves Luxury Apartments To Rent or Buy - Bournemouth </title>
	<link rel="stylesheet" type="text/css" href="http://www.wsp-sandbox1.co.uk/stylesheet.css" />

	<script language="javascript" type="text/javascript">
		function gallery_changer(image)
		{
			switch (image)
			{
				case 'home':
					{
						document.home.src = "http://www.wsp-sandbox1.co.uk/graphics/home_over.png";
						break
					}
				case 'flats':
					{
						document.flats.src = "http://www.wsp-sandbox1.co.uk/graphics/flatinfo_over.png";
						break
					}
				case 'local':
					{
						document.local.src = "http://www.wsp-sandbox1.co.uk/graphics/localinfo_over.png";
						break
					}
				case 'notice':
					{
						document.notice.src = "http://www.wsp-sandbox1.co.uk/graphics/noticeboard_over.png";
						break
					}
				case 'contact':
					{
						document.contact.src = "http://www.wsp-sandbox1.co.uk/graphics/contact_over.png";
						break
					}
				case 'tv':
					{
						document.tv.src = "http://www.wsp-sandbox1.co.uk/graphics/tv_over.png";
						break
					}
			}

		}

		function gallery_changer_off(image)
		{
			switch (image)
			{
				case 'home':
					{
						document.home.src = "http://www.wsp-sandbox1.co.uk/graphics/home.png";
						break
					}
				case 'flats':
					{
						document.flats.src = "http://www.wsp-sandbox1.co.uk/graphics/flatinfo.png";
						break
					}
				case 'local':
					{
						document.local.src = "http://www.wsp-sandbox1.co.uk/graphics/localinfo.png";
						break
					}
				case 'notice':
					{
						document.notice.src = "http://www.wsp-sandbox1.co.uk/graphics/noticeboard.png";
						break
					}
				case 'contact':
					{
						document.contact.src = "http://www.wsp-sandbox1.co.uk/graphics/contact.png";
						break
					}
				case 'tv':
					{
						document.tv.src = "http://www.wsp-sandbox1.co.uk/graphics/tv.png";
						break
					}
			}

		}

		function DisplayAlert(message)
		{
			alert(message);
		}
    
	</script>

</head>
<body>
	<form name="aspnetForm" method="post" action="Index.aspx" id="aspnetForm">
	<div>
		<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
		<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
		<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE5MDcyODE4MzUPZBYCZg9kFgICBQ9kFgICAQ9kFgoCEQ8WAh4EVGV4dAXBCDxiPldvbWFuIGRpZXMgYWZ0ZXIgZmFsbGluZyBmcm9tIGJyaWRnZSBuZWFyIFJpbmd3b29kIG9uIHRvIEEzMTwvYj4gLSA8YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cDovL3d3dy5ib3VybmVtb3V0aGVjaG8uY28udWsvbmV3cy85MDE5MjYwLldvbWFuX2RpZXNfYWZ0ZXJfZmFsbGluZ19mcm9tX2JyaWRnZV9uZWFyX1Jpbmd3b29kX29uX3RvX0EzMS8/cmVmPXJzcyI+cmVhZCBtb3JlPC9hPjxici8+U2VjdGlvbiBvZiBBMzEgcmVvcGVuZWQgYWZ0ZXIgcG9saWNlIGNvbmNsdWRlIGludmVzdGlnYXRpb24gYXQgdGhlIHNjZW5lIG9mIHdvbWFuJ3MgZmFsbCBvbiB0byBlYXN0Ym91bmQgY2FycmlhZ2V3YXkuPGJyLz48YnIvPjxiPkhlYXRoZXIgQmFybmV0dCBtdXJkZXI6IERhbmlsbyBSZXN0aXZvIGFwcGVhcnMgaW4gY291cnQ8L2I+IC0gPGEgdGFyZ2V0PSJfYmxhbmsiIGhyZWY9Imh0dHA6Ly93d3cuYm91cm5lbW91dGhlY2hvLmNvLnVrL25ld3MvOTAxOTMyNC5IZWF0aGVyX0Jhcm5ldHRfbXVyZGVyX19EYW5pbG9fUmVzdGl2b19hcHBlYXJzX2luX2NvdXJ0Lz9yZWY9cnNzIj5yZWFkIG1vcmU8L2E+PGJyLz5USEUgbWFuIGFjY3VzZWQgb2YgbXVyZGVyaW5nIEhlYXRoZXIgQmFybmV0dCBhcHBlYXJlZCBiZWZvcmUgV2luY2hlc3RlciBDcm93biBDb3VydCB0b2RheS4NCjxici8+PGJyLz48Yj4xNSwwMDAgc2lnbiB1cCB0byBGYWNlYm9vayBwYWdlIGZvciB0cmFnaWMgdGVlbmFnZXIgRW1pbHkgTG9uZ2xleTwvYj4gLSA8YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cDovL3d3dy5ib3VybmVtb3V0aGVjaG8uY28udWsvbmV3cy85MDE5NzEwLjE1XzAwMF9zaWduX3VwX3RvX0ZhY2Vib29rX3BhZ2VfZm9yX3RyYWdpY190ZWVuYWdlcl9FbWlseV9Mb25nbGV5Lz9yZWY9cnNzIj5yZWFkIG1vcmU8L2E+PGJyLz5USEUgd29ybGQgaGFzIG9wZW5lZCBpdHMgaGVhcnQgaW4gbWVtb3J5IG9mIGEgdGVlbmFnZXIgd2hvIHdhcyBmb3VuZCBkZWFkIGluIEJvdXJuZW1vdXRoIGFzIGhlciBmYW1pbHkgcGFpZCB0cmlidXRlIHRvIHRoZWlyIOKAnGJlYXV0aWZ1bCwgd29uZGVyZnVsIEVtaWx54oCdLg0KPGJyLz48YnIvPmQCEw8WAh8ABQV0aXRsZWQCFQ8WAh8ABQRkZXNjZAIXDxYCHwAFOTxhIHRhcmdldD0iX2JsYW5rIiBocmVmPSJodHRwOi8vdXJsIHRpdGxlPSI+cmVhZCBtb3JlPC9hPmQCGQ9kFgQCAQ8WAh8ABe4FPGI+QWdlbnQgLSBJYnJhIG1vdmUgaW1wb3NzaWJsZTwvYj4gLSA8YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cDovL3d3dy5za3lzcG9ydHMuY29tL3N0b3J5LzAsMTk1MjgsMTEwOTVfNjkyNzM1MywwMC5odG1sIj5yZWFkIG1vcmU8L2E+PGJyLz5NYW4gQ2l0eSBib3NzIFJvYmVydG8gTWFuY2luaSBjb3VsZCBoYXZlIGEgdG91Z2ggdGltZSB0cnlpbmcgdG8gdGVtcHQgWmxhdGFuIElicmFoaW1vdmljIGF3YXkgZnJvbSAuLi4uPGJyLz48aHIvPjxiPlNreSBTcG9ydHMgV2VkbmVzZGF5IGxpdmUhPC9iPiAtIDxhIHRhcmdldD0iX2JsYW5rIiBocmVmPSJodHRwOi8vbGl2ZS5za3lzcG9ydHMuY29tL1Njb3JlQ2VudHJlL2xpdmUuaHRtbCI+cmVhZCBtb3JlPC9hPjxici8+Rm9sbG93IGFsbCB0b25pZ2h0J3MgYWN0aW9uIHdpdGggc2t5c3BvcnRzLmNvbSdzIFNjb3JlIENlbnRyZSwgaW5jbHVkaW5nIGxpdmUgdGV4dCBjb21tZW50YXJpZXMgZnJvLi4uLjxici8+PGhyLz48Yj5GaWZhIHJlcXVlc3RzIEZBIGV2aWRlbmNlPC9iPiAtIDxhIHRhcmdldD0iX2JsYW5rIiBocmVmPSJodHRwOi8vd3d3LnNreXNwb3J0cy5jb20vc3RvcnkvMCwxOTUyOCwxMTA5NV82OTI3MDYyLDAwLmh0bWwiPnJlYWQgbW9yZTwvYT48YnIvPkZpZmEgaGFzIGV4cHJlc3NlZCBpdHMgJ2V4dHJlbWUgY29uY2VybicgYXQgdGhlIGxhdGVzdCBhbGxlZ2F0aW9ucyBvZiBXb3JsZCBDdXAgYmlkZGluZyBjb3JydXB0aW9uIC4uLi48YnIvPjxoci8+ZAIDDxYCHwAFwAg8Yj4nU2l4IERlYWQnIEFzIERvdWJsZSBRdWFrZSBIaXRzIFNwYW5pc2ggVG93bjwvYj4gLSA8YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cDovL25ld3Muc2t5LmNvbS9za3luZXdzL0hvbWUvU3BhaW4tQXQtTGVhc3QtU2l4LURlYWQtSW4tNTQtTWFnbml0dWRlLUVhcnRocXVha2UtSW4tTG9yY2EtTXVyY2lhLVNvdXRoZXJuLVNwYWluL0FydGljbGUvMjAxMTA1MjE1OTkwMDkwP2Y9cnNzIj5yZWFkIG1vcmU8L2E+PGJyLz5BdCBsZWFzdCBzaXggcGVvcGxlIGhhdmUgYmVlbiBraWxsZWQgaW4gdHdvIHN0cm9uZyBlYXJ0aHF1YWtlcyBpbiBzb3V0aGVybiBTcGFpbiwgYWNjb3JkaW5nIHRvIGEgbG8uLi4uPGJyLz48aHIvPjxiPkxpYnlhOiBSZWJlbHMgJ0NhcHR1cmUgTWlzcmF0YWggQWlycG9ydCc8L2I+IC0gPGEgdGFyZ2V0PSJfYmxhbmsiIGhyZWY9Imh0dHA6Ly9uZXdzLnNreS5jb20vc2t5bmV3cy9Ib21lL1dvcmxkLU5ld3MvTGlieWEtUmViZWwtRm9yY2VzLUluLU1pc3JhdGFoLVRha2UtQ2l0eXMtQWlycG9ydC1SZXBvcnRzLVNheS1TdHJpa2luZy1BLUJsb3ctQWdhaW5zdC1HYWRkYWZpL0FydGljbGUvMjAxMTA1MjE1OTg5OTAxP2Y9cnNzIj5yZWFkIG1vcmU8L2E+PGJyLz5SZWJlbHMgaW4gdGhlIGJlc2llZ2VkIExpYnlhbiBjaXR5IG9mIE1pc3JhdGFoIGhhdmUgcmVwb3J0ZWRseSBjYXB0dXJlZCB0aGUgY2l0eSdzIGFpcnBvcnQuPGJyLz48aHIvPjxiPk11cmRlcmVkIE1pbGx5ICdMYXN0IFNlZW4gQWxpdmUgQnkgRnJpZW5kJzwvYj4gLSA8YSB0YXJnZXQ9Il9ibGFuayIgaHJlZj0iaHR0cDovL25ld3Muc2t5LmNvbS9za3luZXdzL0hvbWUvVUstTmV3cy9NaWxseS1Eb3dsZXItTGV2aS1CZWxsZmllbGQtT24tVHJpYWwtQWNjdXNlZC1PZi1NdXJkZXItQW5kLUtpZG5hcC1PZi1BbWFuZGEtTWlsbHktRG93bGVyL0FydGljbGUvMjAxMTA1MjE1OTg5NTk3P2Y9cnNzIj5yZWFkIG1vcmU8L2E+PGJyLz5BIGZyaWVuZCBvZiBzY2hvb2xnaXJsIEFtYW5kYSAnTWlsbHknIERvd2xlciB3YXMgdGhlIGxhc3QgcGVyc29uIHRvIHNlZSBoZXIgYWxpdmUgYmVmb3JlIHNoZSB3YXMgc24uLi4uPGJyLz48aHIvPmQYAQUeX19Db250cm9sc1JlcXVpcmVQb3N0QmFja0tleV9fFgIFKmN0bDAwJG1haW5jb250ZW50JHVjRGlyZWN0aW9ucyRidG5Hb29nbGVHbwUhY3RsMDAkbWFpbmNvbnRlbnQkYnRuR29vZ2xlU2VhcmNoul7zipkBWRqgYnsmU64yF7GKSOM=" />
	</div>

	<script type="text/javascript">
		//<![CDATA[
		var theForm = document.forms['aspnetForm'];
		if (!theForm)
		{
			theForm = document.aspnetForm;
		}
		function __doPostBack(eventTarget, eventArgument)
		{
			if (!theForm.onsubmit || (theForm.onsubmit() != false))
			{
				theForm.__EVENTTARGET.value = eventTarget;
				theForm.__EVENTARGUMENT.value = eventArgument;
				theForm.submit();
			}
		}
		//]]>
	</script>

	<div>
		<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCgLYvfzBAQKMhZ2mBgKOiJmkAQLSu+6KBQKsieC3DgLclZGsDQL7783OBAL7w7+uBQK58KOXBQKHjre4BevBqxGxN3uEo6kszME7FXelHdUk" />
	</div>
	<div id="main_content">
		<div id="header">
			<div id="logo">
				<a href="javascript://" title="">
					<img src="http://www.wsp-sandbox1.co.uk/graphics/logo.png" alt="" title="" /></a>
			</div>
			<div id="header_stripes">
				<img src="http://www.wsp-sandbox1.co.uk/graphics/stripes.png" alt="" title="" />
			</div>
			<div id="main_header">
				<div id="nav">
					<ul>
						<li id="home_link"><a href="Index.aspx">
							<img onmouseover="gallery_changer('home')" onmouseout="gallery_changer_off('home')"
								name="home" id="home" src="http://www.wsp-sandbox1.co.uk/graphics/home.png" title="" alt="" /></a></li>
						<li id="flats_link"><a href="LuxuryApartments.aspx">
							<img onmouseover="gallery_changer('flats')" onmouseout="gallery_changer_off('flats')"
								name="flats" id="flats" src="http://www.wsp-sandbox1.co.uk/graphics/flatinfo.png" title="" alt="" /></a></li>
						<li id="local_link"><a href="LocalInformation.aspx">
							<img onmouseover="gallery_changer('local')" onmouseout="gallery_changer_off('local')"
								name="local" id="local" src="http://www.wsp-sandbox1.co.uk/graphics/localinfo.png" title="" alt="" /></a></li>
						<li id="notice_link"><a href="NoticeBoard.aspx">
							<img onmouseover="gallery_changer('notice')" name="notice" onmouseout="gallery_changer_off('notice')"
								id="notice" src="http://www.wsp-sandbox1.co.uk/graphics/noticeboard.png" title="" alt="" /></a></li>
						<li id="tv_link"><a href="TVFun.aspx">
							<img onmouseover="gallery_changer('tv')" name="tv" onmouseout="gallery_changer_off('tv')"
								id="Img1" src="http://www.wsp-sandbox1.co.uk/graphics/tv.png" title="" alt="" /></a></li>
						<li id="contact_link"><a href="ContactUs.aspx">
							<img onmouseover="gallery_changer('contact')" onmouseout="gallery_changer_off('contact')"
								name="contact" id="contact" src="http://www.wsp-sandbox1.co.uk/graphics/contact.png" title="" alt="" /></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="page_content">
			<div id="index_left">
				<div class="index_welcome_holder_top">
				</div>
				<div class="index_welcome_holder">
					<div id="welcome_holder">
						<img src="http://www.wsp-sandbox1.co.uk/graphics/welcome.jpg" alt="Welcome" title="Welcome to Bournemouth - Waves Luxury Apartments" />
					</div>
					<div id="flip_holder">
						<img src="http://www.wsp-sandbox1.co.uk/graphics/flip_flop.png" alt="Flip Flop" title="The Places to stay in Bournemouth" />
					</div>
					<div id="welcome_text">
						<p>
							To The Waves Apartments Website. This website has been created for both the residents
							of the Waves Apartments and the local residents to enjoy and use. The idea behind
							this website is to create a sense of community by sharing information from the local
							area like restaurants, places to visit or just local information that would help
							anybody visiting Boscombe and the surrounding area.
						</p>
						<p>
							This is your website to share the best of what Dorset has to give, so please submit
							your ideas and places you love to visit, and let’s make this a great website that
							brings back a real community feel by helping others enjoy the reason why we all
							love being by the sea in Dorset.</p>
					</div>
				</div>
				<div class="index_welcome_holder_bottom">
				</div>
			</div>
			<div id="index_right_holder">
				<div id="log_holder">
					<div class="login_label_holder">
						Username:</div>
					<div class="login_text_holder">
						<input name="ctl00$maincontent$txtUsername" type="text" id="ctl00_maincontent_txtUsername" /></div>
					<div class="login_label_holder">
						Password:</div>
					<div class="login_text_holder">
						<input name="ctl00$maincontent$txtPassword" type="password" id="ctl00_maincontent_txtPassword" /></div>
					<div class="clear_both">
					</div>
					<div>
						<a id="ctl00_maincontent_lnkForgottenPassword" href="javascript:__doPostBack('ctl00$maincontent$lnkForgottenPassword','')">
							Forgotten Password</a> <a id="ctl00_maincontent_lnkLogin" class="main_login_link"
								href="javascript:__doPostBack('ctl00$maincontent$lnkLogin','')">LOGIN</a></div>
				</div>
				<div id="directions_holder">
					<div class="directions_label">
						From:
					</div>
					<input name="ctl00$maincontent$ucDirections$txtStartDirections" type="text" id="ctl00_maincontent_ucDirections_txtStartDirections" /><br />
					<div class="directions_label">
						To:</div>
					<div style="float: left;">
						<input name="ctl00$maincontent$ucDirections$txtEndDirections" type="text" id="ctl00_maincontent_ucDirections_txtEndDirections" /></div>
					<div style="float: left; margin: 4px 0 0 5px;">
						<input type="image" name="ctl00$maincontent$ucDirections$btnGoogleGo" id="ctl00_maincontent_ucDirections_btnGoogleGo"
							src="http://www.wsp-sandbox1.co.uk/graphics/google_go.jpg" style="border-width: 0px;" /></div>
				</div>
				<div id="google_search">
					<div class="clear_both">
					</div>
					<div style="float: left;">
						<input name="ctl00$maincontent$txtGoogleSearch" type="text" id="ctl00_maincontent_txtGoogleSearch"
							class="google_text_search" /></div>
					<div class="google_search_button">
						<input type="image" name="ctl00$maincontent$btnGoogleSearch" id="ctl00_maincontent_btnGoogleSearch"
							src="http://www.wsp-sandbox1.co.uk/graphics/google_search.png" style="border-width: 0px;" /></div>
				</div>
			</div>
			<div class="clear_both">
			</div>
			<div id="index_left_holder">
				<div class="index_bottom_left">
					<div class="index_welcome_holder_top">
					</div>
					<div class="index_bottom_left_content">
						<div class="weather_holder">
							<img src="http://www.wsp-sandbox1.co.uk/graphics/the_weather.jpg" alt="The Weather" title="Bournemouth Weather Forecast" />
							<div id="weather_app">
								<div id="cont_a857809c15b6c3ad2580e0f12d13d316">
									<h2 id="h_a857809c15b6c3ad2580e0f12d13d316">
										<a href="http://www.yourweather.co.uk/" title="Weather">Weather</a></h2>
									<a id="a_a857809c15b6c3ad2580e0f12d13d316" href="http://www.yourweather.co.uk/weather_Bournemouth-Europe-United+Kingdom-Bournemouth--1-32554.html"
										target="_blank" title="Weather in Bournemouth" style="color: #656565; font-family: 1;
										font-size: 14px;">Weather in Bournemouth</a><script type="text/javascript" src="http://www.yourweather.co.uk/wid_loader/a857809c15b6c3ad2580e0f12d13d316"></script>

								</div>
							</div>
						</div>
						<div class="echo_holder">
							<img src="http://www.wsp-sandbox1.co.uk/graphics/echo.jpg" alt="Bournemouth Echo Logo" title="Bournemouth Echo Articles" />
							<br />
							<br />
							<b>Woman dies after falling from bridge near Ringwood on to A31</b> - <a target="_blank"
								href="http://www.bournemouthecho.co.uk/news/9019260.Woman_dies_after_falling_from_bridge_near_Ringwood_on_to_A31/?ref=rss">
								read more</a><br />
							Section of A31 reopened after police conclude investigation at the scene of woman's
							fall on to eastbound carriageway.<br />
							<br />
							<b>Heather Barnett murder: Danilo Restivo appears in court</b> - <a target="_blank"
								href="http://www.bournemouthecho.co.uk/news/9019324.Heather_Barnett_murder__Danilo_Restivo_appears_in_court/?ref=rss">
								read more</a><br />
							THE man accused of murdering Heather Barnett appeared before Winchester Crown Court
							today.
							<br />
							<br />
							<b>15,000 sign up to Facebook page for tragic teenager Emily Longley</b> - <a target="_blank"
								href="http://www.bournemouthecho.co.uk/news/9019710.15_000_sign_up_to_Facebook_page_for_tragic_teenager_Emily_Longley/?ref=rss">
								read more</a><br />
							THE world has opened its heart in memory of a teenager who was found dead in Bournemouth
							as her family paid tribute to their “beautiful, wonderful Emily”.
							<br />
							<br />
						</div>
						<div class="clear_both">
						</div>
					</div>
					<div class="clear_both">
					</div>
					<div class="index_welcome_holder_bottom">
					</div>
					<div class="clear_both">
					</div>
				</div>
				<div class="index_bottom_left">
					<div id="whats_on_holder_top">
						<div id="index_bucket_holder">
							<img src="http://www.wsp-sandbox1.co.uk/graphics/bucket.png" alt="Buckets and spade" title="Things to do in Bournemouth" />
						</div>
					</div>
					<div class="index_bottom_left_content">
						<div id="whats_image_holder">
							<img src="http://www.wsp-sandbox1.co.uk/graphics/whats_on_1.jpg" title="Whats On In Bournemouth" alt="What on" />
						</div>
						<div id="whats_text_holder">
							<h1>
								title</h1>
							<p>
								desc</p>
							<p>
								<a target="_blank" href="http://url" title="">read more</a></p>
						</div>
					</div>
					<div class="index_whats_holder_bottom">
					</div>
					<div class="clear_both">
					</div>
				</div>
			</div>
			<div id="index_bottom_right">
				<div id="sky_holder">
					<a href="HTTP://www.skysports.com" title="" target="_blank">
						<img alt="Sky Sports News Logo" src="http://www.wsp-sandbox1.co.uk/graphics/sky_sports.png" title="Sky Sports News" /></a><br />
					<br />
					<div class="clear_both">
					</div>
					<b>Agent - Ibra move impossible</b> - <a target="_blank" href="http://www.skysports.com/story/0,19528,11095_6927353,00.html">
						read more</a><br />
					Man City boss Roberto Mancini could have a tough time trying to tempt Zlatan Ibrahimovic
					away from ....<br />
					<hr />
					<b>Sky Sports Wednesday live!</b> - <a target="_blank" href="http://live.skysports.com/ScoreCentre/live.html">
						read more</a><br />
					Follow all tonight's action with skysports.com's Score Centre, including live text
					commentaries fro....<br />
					<hr />
					<b>Fifa requests FA evidence</b> - <a target="_blank" href="http://www.skysports.com/story/0,19528,11095_6927062,00.html">
						read more</a><br />
					Fifa has expressed its 'extreme concern' at the latest allegations of World Cup
					bidding corruption ....<br />
					<hr />
					<br />
					<a href="http://www.skynews.com" target="_blank" title="">
						<img alt="Sky News Logo" src="http://www.wsp-sandbox1.co.uk/graphics/sky_news.png" title="Sky News" /></a><br />
					<br />
					<div class="clear_both">
					</div>
					<b>'Six Dead' As Double Quake Hits Spanish Town</b> - <a target="_blank" href="http://news.sky.com/skynews/Home/Spain-At-Least-Six-Dead-In-54-Magnitude-Earthquake-In-Lorca-Murcia-Southern-Spain/Article/201105215990090?f=rss">
						read more</a><br />
					At least six people have been killed in two strong earthquakes in southern Spain,
					according to a lo....<br />
					<hr />
					<b>Libya: Rebels 'Capture Misratah Airport'</b> - <a target="_blank" href="http://news.sky.com/skynews/Home/World-News/Libya-Rebel-Forces-In-Misratah-Take-Citys-Airport-Reports-Say-Striking-A-Blow-Against-Gaddafi/Article/201105215989901?f=rss">
						read more</a><br />
					Rebels in the besieged Libyan city of Misratah have reportedly captured the city's
					airport.<br />
					<hr />
					<b>Murdered Milly 'Last Seen Alive By Friend'</b> - <a target="_blank" href="http://news.sky.com/skynews/Home/UK-News/Milly-Dowler-Levi-Bellfield-On-Trial-Accused-Of-Murder-And-Kidnap-Of-Amanda-Milly-Dowler/Article/201105215989597?f=rss">
						read more</a><br />
					A friend of schoolgirl Amanda 'Milly' Dowler was the last person to see her alive
					before she was sn....<br />
					<hr />
				</div>
			</div>
		</div>
	</div>
	<div class="clear_both">
	</div>
	<div id="footer">
		<div id="footer_content">
			<p>
				The Waves Luxury Apartments © 2011 All rights reserved</p>
			Created by <a href="http://www.webservicesprovided.co.uk" title="Visit our friends at Webservices Provided"
				target="_blank">Webservices Provided</a> and designed by <a href="http://www.spaceonwhite.co.uk"
					target="_blank" title="Visit our friends at Space on White">Space on White</a>
		</div>
	</div>
	</form>
</body>
</html>

Open in new window

S1.jpg
0
 

Author Comment

by:scm0sml
ID: 35742016
Right I can't explain where that whitespace was coming from.

Wasn't showing up in vs but have deleted and re-typed and it has sorted the issue.

Thanks guys.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

834 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question