Firefox Options

[asfhnnd]

I tried and tried to make it work with Firefox but it still shows up weird.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script language="Javascript" type="text/javascript"><br /><!--<br />document.title="A Day in the Life..."<br />//--></script><br /><style type="text/css"><br />body {<br />cursor: default;<br />background-color: #CCCCCC;<br />background-image: url();<br />background-repeat: repeat-y;<br />background-attachment: scroll;<br />background-position: center center;<br />scrollbar-face-color: #CCCCCC;<br />scrollbar-shadow-color: #CCCCCC;<br />scrollbar-highlight-color: #CCCCCC;<br />scrollbar-3dlight-color: #CCCCCC;<br />scrollbar-darkshadow-color: #CCCCCC;<br />scrollbar-track-color: #CCCCCC;<br />scrollbar-arrow-color: #000000;<br />}<br />#blogbody {<br />filter: chroma (color=#FFFFEB);<br />scrollbar-face-color: #FFFFEB;<br />scrollbar-shadow-color: #FFFFEB;<br />scrollbar-highlight-color: #FFFFEB;<br />scrollbar-3dlight-color: #FFFFEB;<br />scrollbar-darkshadow-color: #FFFFEB;<br />scrollbar-track-color: #FFFFEB;<br />scrollbar-arrow-color: #000000;<br />}<br />#menu {<br />filter: chroma (color=#BAEAFF);<br />scrollbar-face-color: #BAEAFF;<br />scrollbar-shadow-color: #BAEAFF;<br />scrollbar-highlight-color: #BAEAFF;<br />scrollbar-3dlight-color: #BAEAFF;<br />scrollbar-darkshadow-color: #BAEAFF;<br />scrollbar-track-color: #BAEAFF;<br />scrollbar-arrow-color: #000000;<br />}<br />div.blogheader, .caption {<br />font-family: comic sans ms;<br />text-align: left;<br />text-transform: none;<br />font-variant: none;<br />font-size: 14px;<br />line-height: 24px;<br />font-weight: bold;<br />color: #000000;<br />letter-spacing: 2px;<br />background-color: transparent;<br />background-image: url();<br />background-repeat: no-repeat;<br />background-position: center center;<br />filter: none;<br />border: none;<br />width: 295px;<br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, .menuhead, .menumod, td, p {<br />font: normal 12px comic sans ms;<br />line-height: 16px;<br />letter-spacing: 0px;<br />color: #000000;<br />}<br />.blogbody b, .standard b, p b, strong {<br />font-weight: bold;<br />font-family: century gothic;<br />color: #66CCCC;<br />}<br />.blogbody i, .standard i, p i, em {<br />font-style: italic;<br />color: #CF9F70;<br />}<br />.blogbody u, .standard u, p u {<br />text-decoration: none;<br />color: #000000;<br />border-bottom: 3px ridge #786048;<br />}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />font: normal 11px comic sans ms;<br />color: #000000;<br />letter-spacing: 1px;<br />background-color: #c8c8c8;<br />border: 0px solid #000000;<br />}<br />table.blogbody tr td {<br />width: 0px; <br />padding-left: 0px;<br />} <br />table.blogbody {<br />font-family: comic sans ms;<br />background-color: transparent;<br />background-image: url();<br />filter: none;<br />border: none;<br />width: 295px;<br />}<br />a:link {<br />font-family: comic sans ms;<br />color: #0099CC;<br />text-decoration: none;<br />cursor: default;<br />}<br />a:visited {<br />font-family: comic sans ms;<br />color: #0099CC;<br />text-decoration: none;<br />cursor: default;<br />}<br />a:hover {<br />font-family: comic sans ms;<br />color: #000000;<br />text-decoration: none;<br />cursor: default;<br />}<br />hr {<br />color: #589FE7;<br />height: 3px;<br />}<br />.menumod {<br />font: normal 11px comic sans ms #000000;<br />line-height: 15px;<br />width: 105px;<br />background-color: #BAEAFF;<br />border: none;<br />padding: 0px;<br />text-align: left;<br />}<br />.menuhead {<br />font: bold 14px comic sans ms #000000;<br />line-height: 26px;<br />text-align: center;<br />background-color: #BAEAFF;<br />width: 105px;<br />}<br /></style><br /><style type="text/css"><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .serachbarborder <br />{display: none;}<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:280px;}<br /></style><br /><map name="navigation" id="navigation"><br /><area alt="Xanga" shape="rect" coords="413, 307, 450, 324" href="http://www.xanga.com"><br /><area alt="Login" shape="rect" coords="414, 328, 445, 344" href="http://www.xanga.com/signin.aspx"><br /><area alt="Logout" shape="rect" coords="450, 328, 470, 344" href="http://www.xanga.com/logout.aspx"><br /><area alt="Profile" shape="rect" coords="414, 347, 453, 364" href="http://www.xanga.com/profile.aspx?user=YOURUSERNAME"><br /><area alt="Edit Profile" shape="rect" coords="456, 347, 479, 364" href="http://www.xanga.com/Private/profilebasic.aspx"><br /><area alt="Guestbook" shape="rect" coords="413, 368, 473, 384" href="http://www.xanga.com/guestbook.aspx?user=YOURUSERNAME"><br /><area alt="Subscribe to me!" shape="rect" coords="413, 388, 471, 404" href="http://www.xanga.com/private/subscribeto.aspx?user=YOURUSERNAME"><br /><area alt="Subscriptions" shape="rect" coords="413, 407, 464, 424" href="http://www.xanga.com/Private/subs.aspx"><br /><area alt="Private" shape="rect" coords="413, 427, 470, 444" href="http://www.xanga.com/private/home.aspx"><br /><area alt="Look and Feel" shape="rect" coords="413, 448, 456, 464" href="http://www.xanga.com/claf/default.asp"><br /></map><br /><div align="center" style="width: 740px;"><br /><img src="http://images.cbimg6.com/xanga/33/8145.jpg" border="0" usemap="#navigation"><br /></div><br /><div id="menu" style="height: 160px; width: 170px; overflow: scroll; margin-right: -273px; margin-top: -420px;"><br /><div class="menuhead">About Me</div><br /><div class="menumod"><br /><b>Name:</b> Anonymous<br><br /><b>State:</b> somewhere<br><br /><b>Birthday:</b> January 1, 2006<br><br /><b>Interests:</b> hmmm...<br /></div><br /><br><br /><div class="menuhead">Subscriptions</div><br /><div class="menumod"><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br><br /><a href="http://www.xanga.com/friend">Friend</a><br /></div><br /><br><br /><div class="menuhead">My Blogrings</div><br /><div class="menumod"><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br><br /><a href="http://www.xanga.com/blogring">Blogring</a><br /></div><br /><br><br /><div class="menuhead">Links</div><br /><div class="menumod"><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br><br /><a href="http://www.link.com">Link</a><br /></div><br /><br><br /><div class="menuhead">Other</div><br /><div class="menumod">Fill this space with whatever you'd like. :)<br /></div><br /><br><br /><div class="menuhead">Credits</div><br /><div class="menumod"><br /><b>Layout:</b> <a href="http://www.xanga.com/Mintyfresh977">Mintyfresh977</a><br><br><br /><b>Images:</b> <a href="http://www.evsc.k12.in.us/teachers/high/bosse/schaffer/notepad.gif">[·]</a> <a href="http://www.rockola.com/Snapple/SnappleCap_jpgs/snapple_outsidesmblu.jpg">[·]</a> <a href="http://www.nestlebarnmat.se/images/common/siteimages/postit/postItBlue.jpg">[·]</a> <a href="http://www.business-supply.com/product_images/image/EB041259_easy-writer-ball-pen-fine-point-blue-ink-clear-barrel.gif">[·]</a> <a href="http://www.safefundraising.com/images/ICS_SNICKERS_BAG_LR.jpg">[·]</a> <a href="http://images.apple.com/ipod/images/indexu2green20050627.gif">[·]</a> <a href="http://adweek.blogs.com/photos/uncategorized/penny.jpg">[·]</a> <a href="http://www.openblackboard.com/activities/money/images/quartertail.jpg">[·]</a> <a href="http://www.brent-krueger.com/images/2004%20Uncirc%20Nickel%20obverse-gs.jpg">[·]</a><br><br><br /><b>Graphics:</b> Adobe Photoshop Elements 3.0<br><br /></div><br /></div><br /><div id="blogbody" style="width: 341px; height: 350px; overflow: scroll; margin-top: -122px; margin-left: -258px; background-color: #FFFFEB;"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Don't stretch the boards. - fishcake-y

This post has been edited by fishcake-y: Jan 19 2006, 07:14 PM

[talcumpowder]

[ http://www.createblog.com/forums/index.php?showtopic=89478 ]?

[asfhnnd]

yea, I tried that, I put !important like after every width :(

[talcumpowder]

I think you misunderstand. The final product should look like this with a seperate value for the IE and the other browsers.

CODE

#navigation{position: relative; width: 183px; height: 50%; overflow: visible; left: 405px; top: -410px!important; top: -1280px;}