HTML - Html--heading?

I have made a box mostly from 3 divs a top middle and bottom, when I add any h1 element makes a gap between the top and the middle killing the box effect in FireFox.

I have tried everything with this but now give up, does anyone have any ideas on how to fix this.
I have added a another div called maincontentinner so that the text was easier to adjust but even removing this did not solve it.

All I am trying to do is get rid of the tables layout and have hit a brickwall

my html

HTML Code:

<div class="mainboxtop"></div>
	
			<div class="maincontent">
		 
 
			 <div class="maincontentinner"><!--All content starts here-->
				<h1> More Information</h1>
								this is a test
 			 </div><!--All content stops here-->
	
	
    
	 <div class="mainboxbottom"></div>
	
			
	</div><!--  /closing of maincontentdiv -->

the CSS

Code:

.maincontent {
background:#CFCFCF url(../images/contentmain.gif) repeat scroll 0%;
border:0;
width:710px; 
}
.maincontentinner {/*added to give padding inside the box and a few other styles*/
padding-left:15px;
padding-right:15px;
font-size:1.2em;
}
.mainboxtop {
background:#CFCFCF url(../images/contenttop.gif) no-repeat scroll 0%;
border:0;
height:26px;
margin:0;
padding:0;
width:710px;
}
.mainboxbottom {
background:#CFCFCF url(../images/contentbottom.gif) no-repeat scroll 0%;
border:0;
height:26px;
width:710px;
}

Here's a test page to see it for real

Hello everybody,

As you can see here http://arturbuchhorn.com/index.html the h2 element is displayed right alongside the navigation. What would be the best way to move the heading below the navigation?

Thank you.

PS: I would prefer a CSS solution if possible. The code is right he Code:

/*
CSS for Un Buchhorn en route
*/

a:visited {
	color: black;
}

#sitebranding a {
	border: 3px solid white;
	padding: 20px 10px 20px 10px;
}

#sitebranding a:hover {
	background-color: #FFE4C4;
}

#tagline {
	margin: 2em 0 1em 0;
}

#navigation {
}

#navigation ul li {
	list-style-type: none;
	float: left;
	margin: 0px 5px 0px 0px; 
}

#navigation ul li a {
	background-color: #FFE4C4;
	text-decoration: none;
	border: black 1px solid;
	border-bottom: none;
	padding: 0 10px 2px 10px;
}

#navigation ul li a:hover {
	background-color: #F5DEB3;
}

#navigation ul li a:visited {
}

#bodycontent {
}

body {
	font-family: Calibri, Arial, Verdana, sans-serif;
	background-color: #F5DEB3;
}

#essay {
	text-align: justify;
	margin: 0 15% 0 15%;
}

#worksList ul {
	margin: 3em 0 3em 0;
}

#worksList ul li {
	list-style-type: square;
	line-height: 200%;
}

#worksList ul li a{
	text-decoration: none;
}

#footnotes {
	font-style: italic;
	text-align: left;
}

h1 {
	font-family: "Jayne Print";
	font-size: 200%;
}

h1 a {
	text-decoration: none;
}

h2 {
	font-size: 125%;
	font-weight: normal;
}

#footer p {
	font-size: 60%;
	font-family: Arial;
	font-style: italic;
}

#adsense {
	position: absolute;
	right: 0;
	top: 5%;
}

#pagedoesnotexist p {
	margin: 20% 20% 20% 25%;
	color: red;
	font-size: 125%;
}

My website home page has no h1 tag, only a h3 tag, and that was used to create a heading of a certain font size. My spider simulator reports there in no h1 tag, suggesting that isn't good for SEO. Should I make sure there is a h1 tag somewhere, and can that be anywhere on the page? (It's not a heading as such). I want a certain sentence to be the h1 tag as it contains several of the keywords. Can I make these changes and dump the h3 tag, leaving only one h1 tag?

And can it be done locally rather than in a css file? My website uses the Woo Canvas theme in Wordpress.

I'm having trouble with a header in IE. I'm a beginner but modifying a webpage.

I have a header that when opened in Firefox or Chrome stretches normally across a page, e.g.

"This is the header"

However, when I open the same page in IE, I'm getting one word per line, e.g.

"This
is
the
header"

Does anyone know how to resolve this please? I'd be very grateful for any help

Hey guys! It's been awhile, but life has been busy and doing new things with web pages hasn't been on the top of my list. However, I've run into a small issue which will hopefully be easy to solve.

I've been doing some scripting for a program which exports and imports scripts in an XML setup. I've been posting those scripts on another site, and, for now, have been instructing users to simple right+click save as... the scripts in order to get them, because, when they click on the link, it tries to bring them to a page of the XML.

Is there any way for me to tell the links to simply download the XML file (effectively like right+click save as... except it will go to wherever they download stuff) if it is clicked?

I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found.

How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP

Thank you all in advanced!!

My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code:

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--
New Perspectives on HTML and XHTML 5th Edition
Tutorial 2
Case 2

Fiddler Home Page
Author:
Date: 2-16-2011

Filename: home.htm
Supporting files: fiddler.jpg

-->
<title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title>
</head>

<body>
<div>
<img src="fiddler.jpg" alt="Fiddler on the Roof" />
<hr />

<a href="home2.htm"><img src="home.jpg" alt="home" /></a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a>
<a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a>
<a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a>
<a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a>

<br />

<a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a>
<a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a>
<a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a>
<a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a>
<a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a>
<a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a>
</div>
<hr />

<div>
<img src="slide1.jpg" alt="slide1" />
</div>
<blockquote>
<p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p>
</blockquote>

</body>

</html>

Hi everyone,

I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically.

I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right?

I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time.

Any suggestions or advice would be very greatly appreciated.

Regards

Allan

As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ?

Many thanks

Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right.

I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas?

Hello Friends,

I need a tool which can remove HTML comments from an HTML page. I don't want to create a regular expression to remove HTML comments rather I need a tool which should have command line support also so that it can be integrated with build process. Please advice.

Thank you.

Hello Everyone,

Please help in build the code for the site , the layout should be as the below layout , I need to submit this by today EOD.

Image Link1:

http://8648180184665331224-a-1802744...attredirects=0

Image Link 2:


http://8648180184665331224-a-1802744...attredirects=0


Please mail me the code ASAP.

Thanks and Regards,

ceenuu2002@gmail.com

i just started working on addicted2ally.com, and for some reason, my index.html is showing the text of the html instead of well, doing it lol helppp!?

I need a simple example to take input, and give an output, such as

input: height
weight

output: body BMI

thanks

hello

i have a page 'gallery.html' that i want to show up when the URL www.site.com/gallery is requested. how do i achieve this?

thanks in advance

rlbw