Results 1 to 9 of 9

Thread: help me find the error

  1. #1
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default help me find the error

    Hi all,

    I'm working on this page. Firefox's error console is showing css errors as follows: , but doesn't show any more specific information. I can't figure out which width and height declarations FF is having problems with - I've looked through the stylesheets and everything seems correctly declared. Any insights? thanks!

  2. #2
    Join Date
    Jul 2009
    Location
    Binus University
    Posts
    461
    Thanks
    78
    Thanked 21 Times in 21 Posts

    Default

    traq i check it with firefox ver.3.0.14, ie.7, safari 4.0. there's no error like you say.

    or may be you already fix it?

  3. The Following User Says Thank You to davelf For This Useful Post:

    traq (09-20-2009)

  4. #3
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    I'm still getting the error on firefox 3.0.14 on XP media center. Tomorrow I can check it on other OS/etc... This is all the w3c validator finds:
    Code:
    URI : http://www.custom-anything.com/clients/dennis/include/menu/smoothmenu.css
    110 	.toplevelshadow 	Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.8
    which has nothing to do with height or width. It's not really a problem, I guess, that little red X just bothers me...

  5. #4
    Join Date
    Apr 2009
    Location
    Cognac, France
    Posts
    400
    Thanks
    2
    Thanked 57 Times in 57 Posts

    Default

    According to Opera the problem is on line 1 of the CSS

    HTML Code:
    position:absolute;width:54;height:55
    It errors on both the height and width on this line.

    Maybe you need to declare the units

  6. #5
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    ...which stylesheet are you looking at?

    Code:
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/layout/layout.css">
    <!--[if IE]><link rel="stylesheet" type="text/css" href="/clients/dennis/css/ie.css"><![endif]-->
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/fettersid.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/elements.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/classes.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/include/menu/smoothmenu.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/include/menu/smoothmenu-v.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/components/corners/corners.css">
    I can't even think of anything on the page that's that size, offhand...
    Edit: I've looked through all the stylesheets and I can't find a line like the one you're quoting... I looked through the generated source code as well, no luck... Let me know!
    Last edited by traq; 09-22-2009 at 03:21 AM.

  7. #6
    Join Date
    Apr 2009
    Location
    Cognac, France
    Posts
    400
    Thanks
    2
    Thanked 57 Times in 57 Posts

    Default

    Opera error console reports the faults as being on line 1, when I click the link to see what part of the code it is in it takes me to the HTML.

    I cannot see this css line in any of your code.

    I too am puzzled by this

  8. The Following User Says Thank You to forum_amnesiac For This Useful Post:

    traq (09-23-2009)

  9. #7
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    My thought was that the error was in the (dynamically) generated html, but looking through that, I couldn't see anything abnormal in height or width values. There are some top and left positioning values with decimal places in them (i.e., "124.6px"), but FF doesn't seem to complain about those.

    In addition, I've looked through all my images, containers, formatting elements, etc. and there is nothing that is (or that is supposed to be) 54 x 55 pixels. I don't even know where to go next from here.

    This is frustrating, but, fortunately, doesn't seem to be an actual problem.



    ...but it is going to nag at me...

  10. #8
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Sometimes firefox seems to change code by itself arbitrarily. This happens when there are errors in the code and it thinks it knows what you want, so I've actually looked at source (view>source) that doesn't appear anywhere in the code I've written.
    This is sorta similar to "view selection source" when Javascript is going-- it'll show you what it's actually using to render what you see, not necessarily the original code.

    So if you can't actually figure out what's causing this, then you may want to take a step back and take apart your pages to figure out why firefox may be finding an error and trying to compensate like this. (I'm not sure that's the case, but it might be.)

    Start by checking any "real" errors, so it doesn't need to compensate, then also look at all levels of embedding to be sure nothing is layered oddly-- like including one set of "<html>" tags within another, etc. It's probably not something that obvious, but if you did happen to overlook something like that, firefox may compensate by doing odd things.
    So, not quite what you see is what you get, but rather what firefox guesses you wanted is what you get.

    I've only seen this a couple times, and when I've written really sloppy code (just testing one line and not bothering to setup a whole page, for example).

    Also, as above, it may have something to do with generated html from active Javascript.


    To confirm your errors, I get the same two listed on OSX FF3.
    Daniel - Freelance Web Design | <?php?> | <html>| espa˝ol | Deutsch | italiano | portuguŕs | catalÓ | un peu de franšais | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  11. The Following User Says Thank You to djr33 For This Useful Post:

    traq (09-24-2009)

  12. #9
    Join Date
    Apr 2008
    Location
    So.Cal
    Posts
    3,643
    Thanks
    63
    Thanked 516 Times in 502 Posts
    Blog Entries
    5

    Default

    hmmm...

    page (as it resides on server)
    (it is a .php file, but it's just a mockup to show the layout and doesn't actually contain any php):
    Code:
    <!---->
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    
    <head>
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
    <meta http-equiv="imagetoolbar" content="no">
    <meta http-equiv="MSThemeCompatible" Content="No">
    
    <title>Home | FettersAeroSpace Demo</title>
    
    <meta name="MSSmartTagsPreventParsing" content="true">
    
    <meta name="description" content="Demo for Fetters AeroSpace website">
    <meta name="robots" content="noIndex, noFollow">
    
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/layout/layout.css">
    <!--[if IE]><link rel="stylesheet" type="text/css" href="/clients/dennis/css/ie.css"><![endif]-->
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/fettersid.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/elements.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/css/classes.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/include/menu/smoothmenu.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/include/menu/smoothmenu-v.css">
    <link rel="stylesheet" type="text/css" href="/clients/dennis/components/corners/corners.css">
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="/clients/dennis/components/fadein/fadein.js"></script>
    <script type="text/javascript" src="/clients/dennis/include/menu/smoothmenu.js">
    	/***********************************************
    	* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    	* This notice MUST stay intact for legal use
    	* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    	***********************************************/
    </script>
    <script type="text/javascript">
    	ddsmoothmenu.init({
    		mainmenuid: "menu", //menu DIV id
    		orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    		classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    		contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    	})
    </script>
    <script type="text/javascript" src="/clients/dennis/js/fadeslideshow.js">
    	/***********************************************
    	* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    	* This notice MUST stay intact for legal use
    	* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    	***********************************************/
    </script>
    <script type="text/javascript" src="/clients/dennis/js/slideshow_init.js"></script>
    
    </head>
    <body>
    	<div id="mainwrap">
    		<div id="top">
    		<!--banner.php-->
    			<h1 id="siteheader">Fetters <span>AeroSpace, <span>LLC</span></span></h1>
    			<div id="adminlogin">
    				Administrator Login
    			</div>
    		<!--/banner.php-->
    		</div>
    		<div id="banner"><div id="bannerslides"></div></div>
    		<div id="contentfloat">
    			<div id="contentwrap">
    				<div id="maincolumn">
    					<div class="margins">
    					<!--content from DB-->
    						<!--PAGE INTRO-->
    						<h2>Welcome Home!</h2>
    						<p>
    							This is the introductory article for the home page!&nbsp; 
    							On the completed website, 
    							you will be able to edit this content by logging in 
    							(using the "Administrator Login" link in the banner) 
    							and then clicking on "Edit Article".<br>
    							For now, this page shows the basic site layout.&nbsp; 
    							All pages will share this basic arrangement.&nbsp; 
    							As work proceeds, I will update this "demo site" to show you how things are progressing.&nbsp; 
    							For more info, read the <a href="/clients/dennis/outline.pdf">Project Outline</a>.
    						</p>
    						<!--/PAGE INTRO-->
    						<!--FEATURED LINK-->
    						<div class="feature cornerBox">
    							<div class="corner TL"></div><div class="corner BR"></div>
    							<div class="cornerBoxContent">
    								<h3>All About Featured Links</h3>
    								<p>
    									The new design for the "featured links" is shown on the left, below the menu.&nbsp; 
    									Each page will have a configurable list of up to three pages to show a featured link to.
    								</p>
    							</div>
    						</div>
    						<div class="feature cornerBox">
    							<div class="corner TL"></div><div class="corner BR"></div>
    							<div class="cornerBoxContent">
    								<h3>Page Articles</h3>
    								<p>
    									This is an example of an article.&nbsp; 
    									Articles are displayed in chronological order, newest first.&nbsp; 
    									On the completed site, articles will be editable (when you are logged in) from a link in the top corner.&nbsp; 
    									You will be able to add articles to the home page, each section, and any pages you create.&nbsp; 
    									You can add pictures, and, as you can see, <br>.<br>.<br>
    									<img src="images/excaliburloading.jpg" style="height: 480px; width: 615px;"><br>.<br>.<br> the article containers expand to hold their content.&nbsp; 
    								</p>
    							</div>
    						</div>
    						<!--/FEATURED LINK-->
    					<!--/content from DB-->
    					</div>
    				</div>
    			</div>
    		</div>
    		<div id="menucolumn">
    			<div class="margins">
    			<!--menu.php-->
    				<div id="menu" class="ddsmoothmenu-v">
    					<ul>
    						<li><a href="">Menu</a></li>
    						<li><a href="">Links</a>
    							<ul>
    								<li><a href="">Menu Flyouts</a></li>
    								<li><a href="">Don't Work Either</a></li>
    							</ul>
    						</li>
    						<li><a href="">Don't</a></li>
    						<li><a href="">Work</a>
    							<ul>
    								<li><a href="">But this is</a></li>
    								<li><a href="">How it Will Look</a></li>
    								<li><a href="">Nice, Huh?</a></li>
    							</ul>
    						</li>
    						<li><a href="">Yet</a></li>
    					</ul>
    				</div>
    			<!--/menu.php-->
    				<div class="flink">
    					<img src="images/aerosabreflink.jpg" style="height: 77px; width:154px;" alt="aerosabre gyrocopter!">
    					<span class="FLlabel">AeroSabre Gyrocopter!</span>
    				</div>
    			</div>
    		</div>
    		<div id="footer">
    		<!--foot.php-->
    			<div id="footlinks">
    				<a>Home</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    				<a>Projects</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    				<a>Products</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    				<a>Archive</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    				<a>Terms &amp; Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    				<a>Contact us</a>
    			</div>
    			<div id="designlink">
    				Web Design by <a href="http://www.custom-anything.com/">Adrian Testa-Avila</a>
    			</div>
    		<!--/foot.php-->
    		</div>
    	</div>
    </body>
    </html>
    I don't think there is anything malformed in the html. The page validates except for a missing alt attribute on one of the images. (SEE post #3 for CSS validation.) Can you find any clue on the page (the live page) as to what that line may refer to? I don't have anything that is supposed to be that size, and AFAICT, there isn't anything that is or is trying to be that size. Don't even know what to look at to try to solve it.
    Last edited by traq; 09-24-2009 at 05:36 AM.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •