H1 Causes Table Row to Expand 1

[MrTBC]

I'm using H1 tags in a table row and it's causing the row to expand downwards in IE6 (I've not checked in any other browsers), e.g.

http://www.filmend.com/test.htm

Any ideas please?
(I'm not an HTML expert)

Thanks very much.

 

[cLFlaVA]

Different browsers render the stylings of HTML elements differently. I always remove all padding and margin from elements in my css by using the * selector:

[tt]* {
padding: 0;
margin: 0;
}[/tt]

and then specifically set the margin and padding for any elements I want.

Your H1 is pushing the table open because of either padding or margin default settings in IE 6.

----

 

[MrTBC]

Posted at 11.39. Solved at 11.42. That's what makes Tek Tips the best.

Thank you so much.

 

[cLFlaVA]

Glad to help.

----

 

[ChrisHunt]

You need to add some CSS to remove the H1's padding and/or margins:

h1 {
	color: #3B5998;
	font-size: 14px;
	text-align: center;
	display: compact;
	[red]margin:0;
	padding:0;[/red]
}

You might want to review two recent threads - thread215-1468842 and thread215-1468257 for better ways to produce rounded corners.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[MrTBC]

Thanks everyone.

I'm really just trying to get the layout on screen at the moment - but will look at better ways of achieving these effects (e.g. rounded corners) once I can see a layout that looks OK.

Some of the cells with text in are expanding to the right. Is there a straightforward fix for this as well please?