HTML - Page In Firefox Looks Completely Different

I need some serious help, I have no idea what to check:

www.enviral-design.com

go to th galleries page, and see what I mean.

if you are in Safari or Chrome, it loads exactly like it's supposed to(for me at least)
However, on IE or Firefox the gallery page loads all stretched, and as soon as you click on any thumbnails or spry accordion tabs the page just explodes!!

what gives??

I've replaced the css for the accordion spry panels with deault DW css, no luck. same with the .js file that the accordions use, also no luck....


I have no idea what to do, or where to start....

anyone?? please help me out!!

thanks for your time,

Lucas

Hello all, I just joined the forums and am not very experienced in HTML at all but have a question that I hope you guys can help me with. So here it goes.

I have a site called doodletype.com and when I am working on it I would like that domain and all of its directories to be redirected to one page which would be a page that tells people coming to the site that it is under construction. I've seen this done on many other pages but I can't seem to find out how to do it properly. I can get the URL to redirect correctly when all the user types in is doodletype.com but when the user types in something like doodletype.com/Directory it redirects this URL to a URL like this newsite.com/index.html/Directory. So it appends the /Directory to the end of the redirect URL which then creates the wrong URL and a page cannot be found error. Where as I would like to find out some way of ignoring anything the user puts past doodletype.com/ and just always no matter what the user puts past doodletype.com/ redirect to only newsite.com/index.html and not newsite.com/index.html/Directory.

Any help would be great and thanks for your time.

Hey,

I am currently working on a new skin for my vBulletin forums but having spent an eternity working on the new skin I am having a nightmare with the header.

This is the code I am using;

Code:

<tr>
<td bgcolor="#FFFFFF">
<img src="imageoneurl.jpg" border="0">
<!-- breadcrumb, login, pm info -->
<table style="background-image:url(imagetwourl.jpg); background-color:#8bcaf3; background-position:right; background-repeat:no-repeat;">
<tr>

The above code is what I am currently using, and it works a treat on my computer ;

Firefox 3.0 windowed @ 1280x1024:



However, when at different resolutions this happens;

Firefox 3.0 full-screen in Vista @ 1280x1024:



Firefox 3.0 windowed @ 1280x1024




Bit desperate now, spent hours trying to find a solution. Any opinions and suggestions would be greatly appreciated.

Like a lot of people I've been trying to get to grips with some basic HTML for my myspace page. Flame all you want but a lot of people have them, and they help feed our social insecurites and secret desires to be universally loved and made famous and popular and prom queen etc.

My problem is that an embeded flash object from www.last.fm (a "quilt") only partially loads)
This is what I see in both I.E. and Firefox:


Here's the code for the object:
Code:

<style type="text/css">
  
div.lastfm_quilt_black a,
div.lastfm_quilt_black div {
  height: 20px;
  margin: 0;
  overflow: hidden;
  text-decoration: none;
  padding: 0;
  background: url("http://static.last.fm/quilts/buttons/generic_images/bg_black.gif") repeat-x 0 0;
  width: 100%;
  float: right;
  display: inline;
}

div.lastfm_quilt a:hover {
  background-position: 0 0 !important;
}
  
{if $orientation=='horizontal'}

div.lastfm_quilt_horizontal {
  width: 460px;
}

div.lastfm_quilt_black a.lastfm_quilt_artists_wide,
div.lastfm_quilt_black a.lastfm_quilt_artists_wide:hover {
  background: url("http://static.last.fm/quilts/buttons/top_artists_images/wide/header_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black a.lastfm_quilt_albums_wide,
div.lastfm_quilt_black a.lastfm_quilt_albums_wide:hover {
  background: url("http://static.last.fm/quilts/buttons/top_albums_images/wide/header_black.gif") no-repeat 0 -20px;
}

{else}

div.lastfm_quilt_vertical {
  width: 184px;
}

div.lastfm_quilt_black a.lastfm_quilt_artists,
div.lastfm_quilt_black a.lastfm_quilt_artists:hover {
  background: url("http://static.last.fm/quilts/buttons/top_artists_images/header_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black a.lastfm_quilt_albums,
div.lastfm_quilt_black a.lastfm_quilt_albums:hover {
  background: url("http://static.last.fm/quilts/buttons/top_albums_images/header_black.gif") no-repeat 0 -20px;
}

{/if}

div.lastfm_quilt_black .lastfm_quilt_profile a,
div.lastfm_quilt_black .lastfm_quilt_profile a:hover {
  background: url("http://static.last.fm/quilts/buttons/generic_images/ft_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt_black .lastfm_quilt_noprofile a,
div.lastfm_quilt_black .lastfm_quilt_noprofile a:hover {
  background: url("http://static.last.fm/quilts/buttons/generic_images/npft_black.gif") no-repeat 0 -20px;
}

div.lastfm_quilt a.get_your_own {
  width: 92px;
  border-right: solid 1px #000000;
}

div.lastfm_quilt a.visit { 
  width: 91px;
  background-position: -93px -20px;
}

div.lastfm_quilt a.visit:hover { 
  background-position: -93px 0 !important;
}

</style>


<div class="lastfm_quilt lastfm_quilt_vertical lastfm_quilt_black">

        <a class="lastfm_quilt_albums" title="Top albums" href="http://www.last.fm/user/blueden8/"></a>
    
<embed 
    src="http://static.last.fm/quilts/3/quilts_main.swf" 
    flashvars="type=user&variable=blueden8&file=topalbums&bgColor=black&configMode=true" 
    quality="high" 
    bgcolor="#000000" 
    width="184" 
    height="414" 
    name="quilts_main" 
    align="middle" 
    allowScriptAccess="never" 
    type="application/x-shockwave-flash" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" />


</div>

Now I know for a fact there's nothing wrong with that code by itself: I've saved it as .htm in notepad and it functions perfectly. I've also copied all code down to the <!-- NETWORK INFORMATION : BEGIN --> line to notepad and saved that. That too works perfectly. So something is going on in between that heading and where the code for comments starts (I'm guessing).
Here's a link to that code: Network Information
and here's a link to the entire page source: Entire Page
Both are .txts

I would really appreciate any help offered. I know it seems like a lot of effort to go to for a myspace profile, and even more effort for you guys to try and find the problem, but this is simply pissing me off.