2 replies [Last post]
kanbun
Offline
newbie
Last seen: 10 years 48 weeks ago
Timezone: GMT-5
Joined: 2004-12-29
Posts: 9
Points: 2

I have a file with css here. This works great in IE, but not so in Firefox.

Here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
<html>
<head>
	<title>Test File</title>
 
<style type="text/css">
td#blocks { padding:0em 0em; height:inherit; width:100%; text-align:center;vertical-align:top;}
#col0 { display:inline; padding:3em; background-color:#9999CC; }
 
#col1 { display:inline; padding-top:2em;padding-left:2em; padding-right:2em;width:350px; height:inherit;background-color:transparent; vertical-align:top;text-align:center;font-family:cursive; font-size:20px;line-height:22px;}
#col1a { display:inline; padding:3em; width:350px; height:inherit;background-color:transparent; text-align:center;font-family:cursive; font-size:16px;}
 
#col2 { display:inline; padding-top:2em;padding-left:2em; padding-right:2em;width:350px; height:inherit; background-color:transparent; vertical-align:top;text-align:center; font-family:cursive; font-size:20px; line-height:22px;}
#col2a { display:inline; padding:3em; width:350px; height:inherit;background-color:transparent;text-align:center; font-family:cursive; font-size:16px;}
 
p.text1 {font-family: cursive; font-size: 14px; font-color:black; text-align: justify; margin-top:5;}
</style>
</head>
 
<body bgcolor="cccccc">
<table width="770" height="488" border="0" cellpadding="0" align="center" background="opennotebook.jpg">
 
<!-- Row 1 -->
<tr>
<td id="blocks">
<div id="col1">Test File Corporation
<p class="text1">A b c d e f g h i j k l m n o p q r s t u v w x y z.
 
<br><br>A b c d e f g h i j k l m n o p q r s t u v w x y z A b c d e f g h i j k l m n o p q r s t u v w x y z A b c d e f g h i j k l m n o p q r s t u v w x y z A b c d e f g h i j k l m n o p q r s t u v w x y z A b c d e f g h i j k l m n o p q r s t u v w x y z</p></div>
 
<div id="col2">Test File Here
<p class="text1">A b c d e f g h i j k l m n o p q r s t u v w x y z
 
<br><br>A b c d e f g h i j k l m n o p q r s t u v w x y z A b c d e f g h i j k l m n o p q r s t u v w x y z A b c d e f g h i j k l m n o p q r s t u v w x y z
<br><br>A b c d e f g h i j k l m n o p q r s t u v w x y zA b c d e f g h i j k l m n o p q r s t u v w x y z</p></div>
 
</td>
</tr>
</table>
</body>
</html>

Can someone help me with why this doesn't display correctly in Firefox?

Thanks.

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 2 weeks 2 days ago
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2050
Points: 2282

What does "display correctly"

What does "display correctly" mean?

sweetroll
sweetroll's picture
Offline
newbie
Last seen: 10 years 47 weeks ago
Timezone: GMT+11
Joined: 2011-03-03
Posts: 1
Points: 1

Try using float:left on your

Try using float:left on your col1 and col2 div rather than display:inline.

You should be floating you divs to get the basic structure of a webpage.

Hope that helps.