We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

The tables in my website are off to the right in Firefox only.

  • 4 odgovori
  • 2 ima ovaj problem
  • 1 view
  • Posljednji odgovor poslao Alitimmons

I've recently uploaded a new site. The table in the center is off the the right on all pages.

www.baxterdentalclinic.com

Any input would help. Thanks!

I've recently uploaded a new site. The table in the center is off the the right on all pages. www.baxterdentalclinic.com Any input would help. Thanks!

Izabrano rješenje

Good catch Jefferson!

Adding this missing semicolon in the Syle editor immediately fixes this issue.

#nav {
	background: url(full-header.gif);
	height: 38px;
	width: 850px;
	margin: 0 auto;
}

Note that the Web Console (Firefox/Tools > Web Developer) can be used to find such errors.

Expected color but found 'height'.  Error in parsing value for 'background'.  Declaration dropped. nav.css:10
Expected ':' but found '850px'.  Declaration dropped. nav.css:11
Error in parsing value for 'background-position'.  Declaration dropped. nav.css:65
Expected ':' but found '850px'.  Declaration dropped.

There is also a missing colon with the width 850px; rule in 360dental.css

#nav {
	
	height: 37px;
	width: 850px;
	margin: 0 auto;
	background-image: url(/Images/page_images/nav.png);
}
Pročitajte ovaj odgovor sa objašnjenjem 👍 1

All Replies (4)

Add the following to your style sheet. If it's too much, then just add it to the parent of the table.


.container { clear: both; }

<div class="container" style="clear: both">
<table width="850"…

You should also address the markup and CSS errors in your site, and add a site icon.

It seems the <li> elements in ul#nav are height:38px, while the ul#nav itself is height:37px tall (per 360dental.css). This is causing the bad float behavior.

In nav.css, on line 10, you actually do have height:38px but Firefox is not reading it. Hmm... okay, there is a semicolon missing at the end of the previous line. So, add a semicolon to the end of line 9 in nav.css and it should be fixed.

Odabrano rješenje

Good catch Jefferson!

Adding this missing semicolon in the Syle editor immediately fixes this issue.

#nav {
	background: url(full-header.gif);
	height: 38px;
	width: 850px;
	margin: 0 auto;
}

Note that the Web Console (Firefox/Tools > Web Developer) can be used to find such errors.

Expected color but found 'height'.  Error in parsing value for 'background'.  Declaration dropped. nav.css:10
Expected ':' but found '850px'.  Declaration dropped. nav.css:11
Error in parsing value for 'background-position'.  Declaration dropped. nav.css:65
Expected ':' but found '850px'.  Declaration dropped.

There is also a missing colon with the width 850px; rule in 360dental.css

#nav {
	
	height: 37px;
	width: 850px;
	margin: 0 auto;
	background-image: url(/Images/page_images/nav.png);
}

Izmjenjeno od strane cor-el

Thank you!!! Look what happens when you work too late! Simple fix. Much appreciated.