|
Post by .:SquEWHeeT:. on Jun 20, 2008 14:23:26 GMT -5
I just recently just started my own site. And I can't get it to work right in Firefox. It looks fine in IE for me that is. But other people I ask to look they say it's messed up in both for them so will someone here help me or point me in the right direction. URL: www.jonesdesignz.com
|
|
|
Post by VanillaOrchids on Jun 20, 2008 15:29:34 GMT -5
I just recently just started my own site. And I can't get it to work right in Firefox. It looks fine in IE for me that is. But other people I ask to look they say it's messed up in both for them so will someone here help me or point me in the right direction. URL: www.jonesdesignz.comI could probably help you! I have been creating websites for awhile now. I'm no expert, of course, but I may be able to figure things out. Can you post what it is that the other people say is wrong with it, specifically? I am going to be leaving soon (to go to the movies with my sister) but I'll take a look later tonight, if that's OK?
|
|
|
Post by .:SquEWHeeT:. on Jun 20, 2008 16:17:28 GMT -5
Well I found a Tut on how to make a CSS / HTML Website off of www.carlosaleman.com. And that's how I made my site. But anyway when I view my site in IE it looks fine but when I look at it in the new Firefox 3. I looks way off. So I don't know what is wrong. Website Url: www.jonesdesignz.com So Look at the site in firefox if you have it and then you will know what is wrong. Thanks, Squewheet CSS Code: @charset "utf-8";
body { background-color: #000000; background-image: url(http://www.jonesdesignz.com/images/Background.png); float: left; width: 850px; margin-left: 150px; height: auto; background-repeat: no-repeat; background-position: 67% 0%; } #wrapper { width: 735px; margin: 0px; } #footer { background-image: url(http://www.jonesdesignz.com/images/CopyRight.jpg); background-repeat: no-repeat; height: 48px; width: 685px; clear: both; float: none; display: inline; overflow: hidden; } #sidebar { float:left; width: 100px; display:inline; overflow:hidden; }
#header { float: left; height: 155px; width: 207px; background-image: url(http://www.jonesdesignz.com/images/Banner-Left.jpg); background-repeat: no-repeat; } #header2 { float: right; height: 114px; width: 478px; background-image: url(http://www.jonesdesignz.com/images/Banner-Right.jpg); background-repeat: no-repeat; margin-left: 207px; } #menu { float: right; height: 41px; width: 478px; margin-top: 114px; background-image: url(http://www.jonesdesignz.com/images/Menu-Bar.jpg); background-repeat: no-repeat; margin-left: 0px; } #main { float: left; height: auto; width: 685px; margin-left: -207px; } #leftcol { background-image: url(http://www.jonesdesignz.com/images/Left-Col.jpg); background-repeat: no-repeat; float: left; height: 378px; width: 207px; } #rightcol { background-image: url(http://www.jonesdesignz.com/images/Right-Col.jpg); background-repeat: no-repeat; float: right; height: 378px; width: 478px; margin-left: 207px; } a.text:link { color: #007bc8; text-decoration: None; font-family: Arial, Helvetica, sans-serif; } a.text:visited {color: #d2d2d2; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } a.text:hover {color: #9ba6ab; text-decoration: none; } HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Jones Designz</title> <!-- TemplateEndEditable --> <link href="file:///C|/Documents and Settings/Kyle/My Documents/My Pictures/Website #1/Style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 41px; font-weight: bold; color: 007bc8; word-spacing: 18px; } a:link { color: #FFFFFF; text-decoration: none; } a:visited { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: underline; color: #666666; } a:active { text-decoration: none; color: #3FAEFF; } a { font-weight: bold; } .style5 {font-family: Arial, Helvetica, sans-serif} body,td,th { font-family: Arial, Helvetica, sans-serif; } h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; } .style8 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .style9 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; margin-top: 10px; } .style10 { color: #CCCCCC } .style12 {color: #3AAAFE} --> </style> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --> </head>
<body> <div id="wrapper"> <div id="header"> <div id="header2"> <div id="menu"> <div align="justify" class="style2"> <div align="center"><span class="style2"> <a class="menu" href="file:///C|/Documents and Settings/Kyle/My Documents/My Pictures/Website #1/index.html">Home</a> <a class="menu" href="file:///C|/Documents and Settings/Kyle/My Documents/My Pictures/Website #1/gallery.html">Gallery</a> <a class="menu" href="file:///C|/Documents and Settings/Kyle/My Documents/My Pictures/Website #1/Myspace.html">Myspace</a> <a class="menu" href="file:///C|/Documents and Settings/Kyle/My Documents/My Pictures/Website #1/Forums.html">Forums</a> <a class="menu" href="mailto:Kyleann1930@hotmail.com">Contact</a></span></div> </div> </div> <div id="main"> <div id="leftcol"> <div id="rightcol"> <div align="justify" class="style9"> <blockquote> <br /> <p>Welcome to "Jones Designz". We are a fairly new to the community and we are here to offer you the help that you need on all your GFX. If you want to see what we here at "Jones Designz" have to offer you check out the "Forums" we have a few things in there that should help you out. If you would like to see what the community has done then check out the "Gallery". </p> <p>If you wanna be able to joining Jones Designz and even become a staff member. Register on our "Forums" and start talking to the community here at "Jones Designz". If you need to contact us at any time fill free email us or even send us a message on our myspace page.</p> <p align="justify">Thanks and we hope you will enjoy your stay here at "Jones Designz".</p> <p align="justify">Sincerely,</p> <p align="justify">The Staff......</p> <p class="style9"> </p> </blockquote> </div> </div> </div> <div id="footer"></div> </div> </div> </div> </div> </div> </body> </html>
|
|
|
Post by VanillaOrchids on Jun 20, 2008 22:16:33 GMT -5
Eh, I wish I knew more about CSS ... more specifically DIV layers. I have tried editing the CSS and and various aspects of the div layers and although I was able to fix the background so that it was centered more ... cause when I viewed it it was off center ... and I set it to where it would tile down the center, because in my resolution the background didn't continue to the bottom of my browser, I couldn't get it. When I thought I got one thing fixed, something else went wrong. Sorry! I create my designs using tables. And although DIVs are better, I've not figure out how to use those.
|
|
|
Post by Zero on Jun 24, 2008 21:04:09 GMT -5
I looked threw it on FF, IE and Safari and it looks fine. Tell the people who are having problems seeing the page to make sure they have the latest version of their browser. That's probably the problem.
|
|
|
Post by VanillaOrchids on Jun 24, 2008 22:21:37 GMT -5
squewheet, I noticed you changed up the design completely from what you originally had.
The background needs to be centered and I'd like to suggest that you rename your banner. Now, I don't know how many people have the same problem as me (probably very few) but graphics that are named "banner" are blocked for me because of my Norton Internet Securities.
|
|