Nested inline divs -- Firefox vs. IE

snitin78 · Oct 7, 2009

So, this might be super simple, but my novice-HTML-brain is just not getting this right!

What I need is a footer for a HTML page that has copyright info in the center and some other message towards the right.

I am trying to following HTML to achieve this:

Code:

<html>
	<head>
		<title>Div Try</title>
	</head>

	<body>
		<div style="width: 100%;">
			<div style='float: left; width: 50%; display: inline; text-align: right;'>
				Copyright information needs to be here
			</div>
			<div style='float: right; width: 50%; display: inline; text-align: right;'>
				Application message
			</div>
		</div>
	</body>
</html>

This works fine in Firefox but not in IE8!!! IE8 still places the div on top of each other rather than inline.

What am I doing wrong here? Thanks in advance for the help.

traingamer · Oct 7, 2009

You could make the width 49% to make them fit (tested) or possibly override the default margins and padding in IE to see if that would work (not tested).

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard

snitin78 · Oct 7, 2009

Awesome! 49% did the trick

Thanks Greg!

ChrisHunt · Oct 8, 2009

Another approach, albeit not tested:

Code:

<div style="text-align: center">
  <div style="float:right;text-align:right">Application message</div>
  Copyright information needs to be here
</div>

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Nested inline divs -- Firefox vs. IE

snitin78

Programmer

traingamer

Programmer

snitin78

Programmer

ChrisHunt

Programmer

Similar threads

Part and Inventory Search

Sponsor