PDA

View Full Version : Uh, this is really a viewing problem...



Rockonmetal
03-10-2007, 06:39 PM
Ok so i have this site on my comp. It looks fabulus in IE 7. Then i accidently click firefox and screemed. cuz, it was uh, well, NOT IN LINE!!!!!

heres the code

<html>
<head>
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

html, body{
scrollbar-face-color:#0000FF;
scrollbar-base-color:#0000FF;
scrollbar-arrow-color:white;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#0000CC;
scrollbar-highlight-color:#0000CC;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}

</style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.bordered {
border-right-color: #0000EE;
border-right-width: 2px;
border-right-style: solid;
}
h2 {
font-family: Trebuchet MS, Arial;
font-size: 36px;
color: #FFFFFF;

}
h3 {
font-family: Trebuchet MS, Arial;
font-size: 24px;
color: #0000FF;
}
.div {
overflow: auto;
width: 500px;
height: 288px;
vertical-align: top;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #777777;
}
.breadcrumb {
color: FFFFFF;
font-family: Trebuchet MS, Arial;
font-size: 12px;
padding: 1cm;
}
.img {
float: left;
}
.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 110px;
border: 0px solid #000000;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(buttons/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 110px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(buttons/glossyback2.gif);
}
.glossymenu2{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 480px;
border: 0px solid #000000;
border-bottom-width: 0;
}

.glossymenu2 li a{
background: white url(buttons/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 480px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 480px;
}

.glossymenu2 li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu2 li a:hover{
background-image: url(buttons/glossyback2.gif);
}
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}
a:active {color: #FFFFFF;}
a.bread:link {color: #FFFFFF;}
a.bread:visited {color: #551A8B;}
a.bread:hover {color: #CC0000;}
a.bread:active {color: #FFFFFF;}
a.two:link {color: #000099;}
a.two:visited {color: #000000;}
a.two:hover {color: #888888;}
a.two:active {color: #FFFFFF;}
a.footer:link {color: #FFFFFF;}
a.footer:visited {color: #551A8B;}
a.footer:hover {color: #888888;}
a.footer:active {color: #FFFFFF;}
.footer {
color: #FFFFFF;
font-size: 12px;
font-family: Trebuchet MS, Arial;
}
.title {
color: #888888;
font-size: 17px;
font-family: Trebuchet MS, Arial;
}
.news {
color: #888888;
font-size: 11px;
font-family: Trebuchet MS, Arial;
padding: 1cm;
}
.linkto {
color: #888888;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}
</style>
</head>
<body bgcolor="888888">
<center><table bgcolor="FFFFFF" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" background="buttons/glossyback2.gif"><center><h2>PureADD Videos</h2></center>
</tr>
<tr>
<td colspan="2" background="buttons/glossyback2.gif"><span class="breadcrumb"><a href="news.html" class="bread">PureADD Videos Home</a> >> <a class="bread"

href="index.html">Video Index
</a></tr>
<tr>
<td width="110" valign="top" class="bordered">
<ul class="glossymenu">
<li><a><center><u>Site Menu</u></center></a></li>
<li><a href="news.html"><img src="bullet.png" border="0"> Site News </a></li>
<li><a href="index.html"><img src="bullet.png" border="0"> Video Index</a></li>
<li><a href="about.html"><img src="bullet.png" border="0"> About Us</a></li>
<li><a href="register.html"><img src="bullet.png" border="0"> Register</a></li>
<li><a href="login.htm"><img src="bullet.png" border="0"> Log in</a></li>
<li><a href="credits.html"><img src="bullet.png" border="0"> Credits</a></li>
<li><a href="advertise.html"> Your Ad Here</a></li>
<li><a href="advertise.html"> Your Ad Here</a></li>
Link to Us:
<br><textarea cols="18" rows="7" class="linkto"><a href="www.freewebs.com/pureaddvideos/index.html" target="_blank">Check out PureADD Videos</a></textarea>
</ul>
</td>
<td width="500" valign="top">
<h3>Site News<hr></h3>
<div class="div" id="div" name="div">
<span class="title">-||- Feel Safe With Encrypted Forms -||- 3/04/07 -||-</span>
<br><span class="news">The site has encrytped its forms. That means its harder for hackers, spammers, and other mean computer people, to take your information.

Though! It still looks the same. But if you right click and choose view source you'll see how, uh, weird the codeing is to a regular page.</span><hr>
<span class="title">-||- Cool New Layout -||- 3/03/07 -||-</span>
<br><span class="news">The site has updated its appearance. Sign-up and get the free email updates. The site now has a new player and menu set up. See why

PureADD Videos are better than YouTube, <a href="why.html" class="two">Click Here</a></span>
</div>
</td>
</tr>
<tr>
<td colspan="2" background="buttons/glossyback2.gif" class="footer"><center>-||-<a href="About.html" class="footer">About Us</a> -||- <a href="rules.html"

class="footer">Video Rules</a> -||- Copyright&copy 2007 PureADD Videos -||- <a href="staff.html" class="footer">Job Oppertunities</a> -||-</center></td>
</tr>
</table>
</center>
</body>
</html>


some one help. please.
i might, cry, wahhaahaaha

it works in IE, not FireFox, Netscape, or anyother browsers. Is there anything i can do without changing the page's style???

boxxertrumps
03-11-2007, 07:54 PM
mkay
Also, mkay

IE has a long history of displaying thing improperly.
the way gecko browsers(mozzilla and i think opera) display stuff is the closest to w3 specs you'll get.

Rockonmetal
03-12-2007, 07:53 PM
Ok, the warning, please explain in english, and the DD script?, well, here, and like i said above, uh, this isn't on the web yet. If it was, i would be so desperate for help...

BLiZZaRD
03-12-2007, 11:33 PM
Using tables for the design could be your main problem. Not sure without the ability to see it all on line to compare for myself.

You could try removing the tables and going strictly with div's and see what shakes.

boxxertrumps
03-13-2007, 01:05 AM
please explain in english
You have codes from DD on your page, i was asking the URL you got them from.
i only skimmed over your message, took a longer look at the code.
copied it into kate and looked at your page with FF, it looks fine, despite the missing pictures. if you could give a screenshot or something of what it Should look like, then we will be able to help morre effectively.
Accidentally clicked firefox?