Topic: Div tags not working? (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=29273" title="Pages that link to Topic: Div tags not working? (Page 1 of 1)" rel="nofollow" >Topic: Div tags not working? <span class="small">(Page 1 of 1)</span>\

 
Orion
Nervous Wreck (II) Inmate

From:
Insane since: Aug 2006

IP logged posted posted 06-10-2007 11:12 Edit Quote

I'm currently building up my site, still in early stages but it turns out my sub menu only shows up on my laptop and computer. My sister's laptop and friends can't see it. Wondering if something's wrong: www.jerrymlow.com

the code for that section (the portfolio page):

code:
<div id="content"><img src="Site/Images/content-top.gif"><table width="869"  border="0" cellpadding="0" cellspacing="0"><tr valign="top"><td width="58" style="background-image: url('Site/Images/cr-left.gif') ; background-repeat: no-repeat; background-position:bottom;"><img src="Site/Images/content-left-piece.gif" width="58" height="45"></td>
		<td><table width="811"  border="0" cellpadding="0" cellspacing="0"><tr valign="top"><td width="277" style="background-image: url('Site/Images/cr-right.gif'); background-repeat: no-repeat; background-position: bottom;"><img src="Site/Images/left-top.gif" width="277" height="66">
					<font color="#09091c"><SCRIPT LANGUAGE="Javascript" SRC="_counter.php?page=portfolio"><!--//--></SCRIPT></font><br />
					<div style="width:227; padding:25px;">
				<!--- LEFT LEFT LEFT ---->
				<font color="#6B6BAD">&raquo;</font>&nbsp;&nbsp;<a href="portfolio.php?p=website" target="_self">WEB SITES</a><br />
				<font color="#6B6BAD">&raquo;</font>&nbsp;&nbsp;<a href="portfolio.php?p=design" target="_self">DESIGNS</a><br />
				<font color="#6B6BAD">&raquo;</font>&nbsp;&nbsp;<a href="portfolio.php?p=wallpaper" target="_self">WALLPAPERS</a><br />
				<font color="#6B6BAD">&raquo;</font>&nbsp;&nbsp;<a href="portfolio.php?p=powerpoint" target="_self">POWERPOINTS</a><br />
				<font color="#6B6BAD">&raquo;</font>&nbsp;&nbsp;<a href="portfolio.php?p=card" target="_self">BUSINESS CARDS</a><br />
				<font color="#6B6BAD">&raquo;</font>&nbsp;&nbsp;<a href="portfolio.php?p=publications" target="_self">PUBLICATIONS</a>
				<!--- LEFT LEFT LEFT ---->
				</div>
					</td><td width="534" style="padding-left:15px; padding-right: 15px; padding-bottom:30px;"><br>
					  <!---- CONTENT CONTENT CONTENT ---->
					 
					 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Choose a section to browse.<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>					 <br /><br /><br /><br />
					  <!---- CONTENT CONTENT CONTENT ---->
					</td></tr></table></td></tr></table>
</div>

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 06-10-2007 18:56 Edit Quote

*yikes* Inline style, tables, br, ... what seems to be JS generated content.

Going the standard and semantic way certainly won't hurt your site. Beside, what browser do you and your sister use ?

Here comes a dump of the Opera 9.20's Error Console after loading the portfolio on your site:

code:
CSS - http://www.fusedeffects.com/Ayu/Portfolio/Site/Css/Main.css
Linked-in stylesheet
Invalid value for property: background-position
Line 5:
     background-position: top-right;
  ----------------------------------^
CSS - http://www.fusedeffects.com/Ayu/Portfolio/Site/Css/Main.css
Linked-in stylesheet
wdith is an unknown property
Line 40:
  #menu    { wdith: 870px; height: 32px; }
  -----------------^
CSS - http://www.fusedeffects.com/Ayu/Portfolio/Site/Css/Main.css
Linked-in stylesheet
Invalid value for property: font-weight
Line 46:
  mily: Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 1000;
  --------------------------------------------------------------------------------^
JavaScript - http://www.fusedeffects.com/Ayu/Portfolio/
Unknown thread
Error:
name: Error
message: Security violation
JavaScript - http://www.fusedeffects.com/Ayu/Portfolio/
Unknown thread
Error:
name: Error
message: Security violation
JavaScript - http://www.fusedeffects.com/Ayu/Portfolio/
Unknown thread
Error:
name: Error
message: Security violation
CSS - http://www.fusedeffects.com/Ayu/Portfolio/
HTML style attribute
Invalid value for property: width
Line 1:
  width:247; padding:15px;
  ----------^
JavaScript - http://www.fusedeffects.com/Ayu/Portfolio/
Unknown thread
Error:
name: Error
message: Security violation

As you can see there's many errors. From simple typo, wrong values, up to security violation!

Orion
Nervous Wreck (II) Inmate

From:
Insane since: Aug 2006

IP logged posted posted 06-10-2007 23:26 Edit Quote

i'm on IE 6 and my laptop is IE7? or the newest one with tabs


sister uses firefox


hmmm is there are good way to get some good html tutorials and css tutorials on this...

what's the security violation?

how come some of the values are invalid?

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 06-10-2007 23:43 Edit Quote
code:
background-position: top-right;


should be:

code:
background-position: top right;

See the CSS2 spec

code:
#menu    { wdith: 870px; height: 32px; }


should be:

code:
#menu    { width: 870px; height: 32px; }

Obvious typo.

code:
font-weight: 1000;


should be:

code:
font-weight: 900;

See the CSS2 spec

code:
width:247; padding:15px;


should be:

code:
width:247px; padding:15px;

See the CSS2 spec. Unless you use percentage, you MUST specify a unit.

As for the security violation, it's probably some attempt at XSS ( Cross Site Scripting )

leiken
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Sep 2008

IP logged posted posted 09-27-2008 10:54 Edit Quote

I would like to recommend using firebug extension for Firefox to debug issues like this.

Firebug webpage

/Johan
Glubase CSS Wiki Reference

esskay
Bipolar (III) Inmate

From:
Insane since: Jan 2005

IP logged posted posted 09-28-2008 03:17 Edit Quote

I would like to second what leiken said and further recommend developing and designing in FireFox with firebug and then testing/correcting in IE when you're done. It's easier to develop on a standards-compliant browser and then fix IE problems than it is to go the other way around. IE is a total piece of garbage with regard to standard compliance as it stands today. I have done some testing on IE8 which does address some issues and it's a tantalizing prospect for the future, however it is clearly demonstrating some rendering issues that other standard compliant browsers are NOT having, so only time will tell if that's going to work out either.

Regards,
- SK



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu