Current location: Hot Scripts Forums » General Web Coding » CSS » CSS layout in Firefox problem


CSS layout in Firefox problem

Reply
  #1 (permalink)  
Old 08-22-07, 06:42 AM
macu macu is offline
New Member
 
Join Date: Aug 2007
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
CSS layout in Firefox problem

Following is a simplefied version of a page I am having an issue with. In IE it displays OK without the display:table, but requires it to display OK in Firefox. Problem is that the display:table is interferring with a componentart grid I'm using in the left column, it causes my right column to wrap underneath.

I suspect there's a problem with something I'm doing to require the display:table in the first place but I can't see what. Does anyone know how to get this displaying in Firefox with the outer most div's border around all contained divs without the display:table??

Thanks!

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>Test</title>

<style type="text/css">
	
.Frame
{
	width: 710px;
	margin: 10px auto auto auto;
	border: thin solid black;
	/*display: table;*/
}

.ContentListingMain
{
	width: 600px;
	padding: 2px;
	float: left;
}

.ContentListingButtons
{
	width: 100px;
	padding: 2px;
	text-align: right;
	float: left;
}
	
</style>

</head>

<body>
<div class="Frame">
	<div class="ContentListingMain">Grid goes here</div>
	
	<div class="ContentListingButtons"><input type="button" value="Do" /></div>
</div>
</body>
</html>
Reply With Quote
  #2 (permalink)  
Old 08-22-07, 08:30 AM
macu macu is offline
New Member
 
Join Date: Aug 2007
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Solution

Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
3 Column CSS Fluid Layout (IE 6 Problem) Heidenreich12 CSS 9 10-04-06 03:22 PM
CSS border problem in firefox, looks good in IE vertigoflow CSS 1 02-18-06 10:30 AM
CSS Border problem in FireFox mani786 CSS 1 10-01-05 07:33 AM
CSS Div problem themanmathias CSS 1 09-29-05 08:05 PM
CSS Layout problem Torbinsky CSS 2 06-10-05 10:50 AM


All times are GMT -5. The time now is 02:04 PM.
vBulletin® Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.