Messed Up In Firefox - Webmaster Forum - Web Design, Programming and SEO forums

02-07-2007, 06:16 AM

aLx

Status: Senior Member
Join date: Jan 2006
Location: USA
Expertise:
Software:

Posts: 922

iTrader: 13 / 100%

aLx is on a distinguished road

Messed Up In Firefox

Hey everyone this page is really messed up in firefox but works perfect in IE can anyone see why? Let me know if you need me to post the code snippets but you should be able to find them I think.

http://www.linklump.com/index.php?page=videos

Edit i fixed it by showing less videos per page but what happens is when i add 1 more per page it falls into the sidebar part. Is there any way to prevent this from happening

02-07-2007, 07:19 AM

webmasterneo

Status: I'm new around here
Join date: Feb 2007
Location:
Expertise:
Software:

Posts: 22

iTrader: 0 / 0%

webmasterneo is on a distinguished road

looks messed up in opera too! try clear:both for the div that contains the videos.

02-07-2007, 07:30 AM

aLx

Status: Senior Member
Join date: Jan 2006
Location: USA
Expertise:
Software:

Posts: 922

iTrader: 13 / 100%

aLx is on a distinguished road

I think I got it! Let me know how it looks in opera now

ok so i got it all lined up but now it goes past the screen width.. any idea's!

02-07-2007, 02:43 PM

webmasterneo

Status: I'm new around here
Join date: Feb 2007
Location:
Expertise:
Software:

Posts: 22

iTrader: 0 / 0%

webmasterneo is on a distinguished road

ok let's check on several things:

1. did you specify a width for your wrapper?
2a. if not, then you should.
2b. if yes, you should put max-width on both your sidebar and main divs so they don't exceed the wrapper's width.

02-07-2007, 02:56 PM

jabberwocky

Status: Member
Join date: Oct 2005
Location: Calgary, Alberta, Canada
Expertise:
Software:

Posts: 278

iTrader: 0 / 0%

jabberwocky is on a distinguished road

there are these errors showing up in my web dev extension for FF;

Code:

line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 26 column 1 - Warning: missing <li>
line 41 column 31 - Warning: '<' + '/' + letter not allowed here
line 43 column 19 - Warning: '<' + '/' + letter not allowed here
line 46 column 39 - Warning: '<' + '/' + letter not allowed here
line 48 column 19 - Warning: '<' + '/' + letter not allowed here
line 56 column 7 - Warning: <style> isn't allowed in <div> elements
line 78 column 112 - Warning: unescaped & or unknown entity "&p"
line 78 column 167 - Warning: unescaped & or unknown entity "&p"
line 78 column 222 - Warning: unescaped & or unknown entity "&p"
line 78 column 3660 - Warning: unescaped & which should be written as &amp;
line 78 column 3674 - Warning: unescaped & which should be written as &amp;
line 78 column 4338 - Warning: unescaped & or unknown entity "&p"
line 78 column 4393 - Warning: unescaped & or unknown entity "&p"
line 78 column 4448 - Warning: unescaped & or unknown entity "&p"
line 90 column 247 - Warning: unescaped & or unknown entity "&java"
line 90 column 254 - Warning: unescaped & or unknown entity "&security"
line 90 column 272 - Warning: unescaped & or unknown entity "&invisible"
line 64 column 1 - Warning: <style> inserting "type" attribute
line 26 column 1 - Warning: <script> inserting "type" attribute
line 59 column 67 - Warning: <img> lacks "alt" attribute
line 59 column 166 - Warning: <img> lacks "alt" attribute
line 59 column 267 - Warning: <img> lacks "alt" attribute
line 59 column 374 - Warning: <img> lacks "alt" attribute
line 59 column 469 - Warning: <img> lacks "alt" attribute
line 59 column 564 - Warning: <img> lacks "alt" attribute
line 59 column 673 - Warning: <img> lacks "alt" attribute
line 59 column 765 - Warning: <img> lacks "alt" attribute
line 59 column 869 - Warning: <img> lacks "alt" attribute
line 59 column 976 - Warning: <img> lacks "alt" attribute
line 59 column 1076 - Warning: <img> lacks "alt" attribute
line 59 column 1181 - Warning: <img> lacks "alt" attribute
line 59 column 1282 - Warning: <img> lacks "alt" attribute
line 59 column 1382 - Warning: <img> lacks "alt" attribute
line 59 column 1480 - Warning: <img> lacks "alt" attribute
line 65 column 57 - Warning: <img> lacks "alt" attribute
line 66 column 51 - Warning: <img> lacks "alt" attribute
line 71 column 25 - Warning: <table> lacks "summary" attribute
line 78 column 339 - Warning: <img> lacks "alt" attribute
line 78 column 696 - Warning: <img> lacks "alt" attribute
line 78 column 1074 - Warning: <img> lacks "alt" attribute
line 78 column 1433 - Warning: <img> lacks "alt" attribute
line 78 column 1868 - Warning: <img> lacks "alt" attribute
line 78 column 2242 - Warning: <img> lacks "alt" attribute
line 78 column 2723 - Warning: <img> lacks "alt" attribute
line 78 column 3103 - Warning: <img> lacks "alt" attribute
line 78 column 3508 - Warning: <img> lacks "alt" attribute
line 78 column 3901 - Warning: <img> lacks "alt" attribute

02-07-2007, 03:43 PM

Andrew R

Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:

Posts: 5,200

iTrader: 17 / 95%

Andrew R is on a distinguished road

Replace & with &, move the <style> tag in your content into your <head> tags, and then add alt="" to every image. Then just look over the description for every other error and check it.

Also, add a doctype. (Google it)

02-07-2007, 06:23 PM

aLx

Status: Senior Member
Join date: Jan 2006
Location: USA
Expertise:
Software:

Posts: 922

iTrader: 13 / 100%

aLx is on a distinguished road

Jabber.. read it.. thats all image tags without an alt and crap like that, non of which would affect the page width.. I didnt code this site guys im just trying to fix it.

I tried setting a max width for my wrapper but wouldnt that defect the purpose of having the right main content fit anyones page width?

02-09-2007, 12:06 AM

LoyalReject

Status: Guest
Join date:
Location:
Expertise:
Software:

Posts: n/a

iTrader: / %

Originally Posted by aLx

Only if you specify the width's value in pixels or points. If you use a percentage as the max width, the auto-adjustment of the right side should still occur.