table shown incorrect in Opera and Firefox

pierb · 01-09-2011, 01:24 PM

I'm webmaster of the site of my orchestra and i've got some trouble with tables on the site. The strangest part is that IE8, Google Chrome and Safari show everything correctly, Opera and Firefox mess up the some(!) tables and Firefox is misplacing some images (logo on 'nieuws2009'). This are the pages:
agenda
jubileum
agenda
nieuws2009

Please note that I'm from the Netherlands, so the site is in DUTCH.
Does anyone have an idea of what the problem might be?
Help is greatly appreciated!

EDIT:
All problems fixed, Thank you guys!

smoovo · 01-09-2011, 04:07 PM

It seems like your code have been written wrong. Your body tag should be placed before any iframe tag... You have placed it in middle of everything. Maybe that's your bug and maybe not, but you have to write it right first.

I moved your "plat" class from the last span before the logo and it moved it to its place... Try not to use the same class name to more than one element.

PixelPusher · 01-10-2011, 02:41 AM

I agree with smoovo, fix the body tag issue first and foremost. Then go from there.

pierb · 01-10-2011, 04:26 PM

Quote:

Originally Posted by smoovo

It seems like your code have been written wrong. Your body tag should be placed before any iframe tag... You have placed it in middle of everything. Maybe that's your bug and maybe not, but you have to write it right first.

I moved your "plat" class from the last span before the logo and it moved it to its place... Try not to use the same class name to more than one element.

About the body-tag; I suppose you mean the one in the document setting up frames? Adobe Dreamweaver automatically sets up this structure of tags when using a frameset. When I put the body-tag before the frameset-tag, it gives an error. Besides, I'm using the same structure with another site, but that one doesn't show any trouble with misplaced images and listed tables, so that can't be the cause of this problem.

And the plat-class you're talking about, which one do you mean? I don't see any misplaced span-tags in "nieuws2009".
And how can it be explained that some browsers show the pages correctly and others mess it up?

smoovo · 01-10-2011, 09:14 PM

If you build a websites relying on a software don't expect to get a pro results, like you getting now. And i didn't mentioned any misplace span, i just said that after i took off the class="plat" from one of your spans the logo was in place, but it was just by playing, it doesn't say it will fix your problems.

I think you should learn more HTML and write the code by yourself, this way you will figure this kind of errors right away. Remember, the short way is the long one.

- Good Luck.

springmedia · 01-11-2011, 08:17 AM

I aggree with Smoovo. Best of luck

pierb · 01-11-2011, 02:27 PM

Quote:

Originally Posted by smoovo

If you build a websites relying on a software don't expect to get a pro results, like you getting now.

Actually, most of the code IS written by hand, not using the design-mode of any program.

Quote:

Originally Posted by smoovo

I think you should learn more HTML and write the code by yourself, this way you will figure this kind of errors right away.

I mainly use Dreamweaver as FTP- and preview-software. I could have written the code in notepad too.

EDIT:
I removed most of the class-statements in the HTML-code and the logo on "nieuws2009" is fixed.
Can the problems with the tables be caused by classes too?

d a v e · 01-11-2011, 02:46 PM

incidentally frames are a really bad choice for laying out a site
http://apptools.com/rants/framesevil.php
but guess it's a bit late for that

oh and your logo should be a gif or 8-bit png. (jpegs are for photos and images with complex gradients)

and if you don't me asking - what's the building on the page background and how is it linked to what you do? i'm just curious

pierb · 01-11-2011, 02:49 PM

Quote:

Originally Posted by d a v e

incidentally frames are a really bad choice for laying out a site
http://apptools.com/rants/framesevil.php
but guess it's a bit late for that

oh and your logo should be a gif or 8-bit png. (jpegs are for photos and images with complex gradients)

and if you don't me asking - what's the building on the page background and how is it linked to what you do? i'm just curious

It's indeed a bit late, but I'll keep it in mind for the next time. About the images, I normally do use png for normal pictures, but this is how I received the image and it used to work... Thanks anyway.

d a v e · 01-11-2011, 03:52 PM

fair enough but a png

is 11kb compared to 66kb for a jpeg

01-09-2011, 01:24 PM	#1
pierb New Member Join Date: Jan 2011 Location: Netherlands Posts: 7	table shown incorrect in Opera and Firefox I'm webmaster of the site of my orchestra and i've got some trouble with tables on the site. The strangest part is that IE8, Google Chrome and Safari show everything correctly, Opera and Firefox mess up the some(!) tables and Firefox is misplacing some images (logo on 'nieuws2009'). This are the pages: agenda jubileum agenda nieuws2009 Please note that I'm from the Netherlands, so the site is in DUTCH. Does anyone have an idea of what the problem might be? Help is greatly appreciated! EDIT: All problems fixed, Thank you guys! Last edited by pierb; 01-12-2011 at 06:19 AM. Reason: problems fixed

01-09-2011, 04:07 PM	#2
smoovo Gold Member Join Date: Oct 2010 Posts: 388	It seems like your code have been written wrong. Your body tag should be placed before any iframe tag... You have placed it in middle of everything. Maybe that's your bug and maybe not, but you have to write it right first. I moved your "plat" class from the last span before the logo and it moved it to its place... Try not to use the same class name to more than one element. __________________ SMooVo - Web Design & Development contact@smoovo.com www.SMooVo.com

01-10-2011, 02:41 AM	#3
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	I agree with smoovo, fix the body tag issue first and foremost. Then go from there. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

01-10-2011, 09:14 PM	#5
smoovo Gold Member Join Date: Oct 2010 Posts: 388	If you build a websites relying on a software don't expect to get a pro results, like you getting now. And i didn't mentioned any misplace span, i just said that after i took off the class="plat" from one of your spans the logo was in place, but it was just by playing, it doesn't say it will fix your problems. I think you should learn more HTML and write the code by yourself, this way you will figure this kind of errors right away. Remember, the short way is the long one. - Good Luck. __________________ SMooVo - Web Design & Development contact@smoovo.com www.SMooVo.com

01-11-2011, 08:17 AM	#6
springmedia Bronze Member Join Date: Dec 2010 Location: Falmouth, Cornwall Posts: 60	I aggree with Smoovo. Best of luck __________________ Rich Lacey Spring Media Design Website Design Cornwall \| Affrodable Website Design \|Web Hosting Cornwall

01-11-2011, 02:46 PM	#8
d a v e Platinum Member Join Date: Sep 2010 Posts: 509	incidentally frames are a really bad choice for laying out a site http://apptools.com/rants/framesevil.php but guess it's a bit late for that oh and your logo should be a gif or 8-bit png. (jpegs are for photos and images with complex gradients) and if you don't me asking - what's the building on the page background and how is it linked to what you do? i'm just curious

01-11-2011, 03:52 PM	#10
d a v e Platinum Member Join Date: Sep 2010 Posts: 509	fair enough but a png is 11kb compared to 66kb for a jpeg

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode