HTML - Problems With Browser Caching

I've been designing this site on a mac, and have tested it on several mac compatible browsers without much trouble. I just tried it on IE and a some things are messed up.

http://www.jonniedredge.com

First, all my images look really grainy and gross in IE (not just the ones on the home page). Anyone know why that is?

Next, on the home page is a .swf file that has a black background, but the background appears white in IE.

Also that .swf is in a table cell that should make up just the top corner of that main div, with a height of 50 pixels. But in IE, and FF, this cell takes up about 2/3 the height of the div.

Here's my CSS in case that helps:


Code:

/***************Body, etc.*****************/

body {
	background-color: #000000;
	font-family: times, serif;
	
}

#container {
	margin: 0 auto;
	width: 750px;
	padding-bottom: 5px;
	/***** for layout development background-color:#FFEEEE; *******/
}


a {
	text-decoration: none;
	color: inherit;
}

a:visited {
	color: #b0b0b5;
}
	
a:hover {
	color: #475890;
}

.blank {
	height: 100px;
}

.blank2 {
	height: 50px;
}





/***************Bottom Links*****************/
.linksBot {
	border: 0px;
	background-color: transparent;
	color: #c0c0c8;
	/***background-color: #CCFF66;****/
}

p.linksBot {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


a.linksBot {
	color: #c0c0c8;
	text-decoration: underline;
}

a.linksBot:hover {
	color: #475890;
}




/***************Banner*****************/

.banner {
	padding: 0px;
	margin: 0px;
	margin-bottom: 75px;
	background-color: black;
	color: #b0b0b5;
	font-size: 20px;
	font-family: copperplate, times, serif;
}


td.current {
	text-decoration: underline;
}





/***************Home*****************/


#home {
	border: 0px;
	font-family: copperplate, times, serif;
}

#main {
	color: #c0c0c8;
	width: 750px;
	font-size: 20px;
	text-align: center;
	outline: 3px solid  #222530;
	border: 0px;
}

#pno {}

#welccell {
	background-color: #444550;
	width: 250px;
	
}

#welcome {
	margin: 18px;
	color: #d0d0d5;
	font-family: times, serif;
	font-size: 17px;
	text-align: left;
	vertical-align: top;
}






/**************Bio*****************/

#headshot {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	border: 5px solid #d8d8e0;
}

#bioContainer {
	background-color: #6080a2;
	color: #d8d8e0;
	padding: 20px;
	height: 300px;
}

p.bio:first-line {
	text-indent: 2em;
}



/***************Audio*****************/
#audioContainer {
	margin: auto;
	width: 650px;
	background-color: #6080a2;
	color: #d8d8e0;
	padding-bottom: 7px;
	padding-top: 7px;
	margin-bottom: 75px;
	
	
}

.audioClips {
	
	background-color:transparent;
	margin:auto;
	width: 620px;
	
}

caption {
	font-size: 46px;
	line-height: 1;
	text-align: left;
	font-family: copperplate, serif;
	
}

.sngDesc {
	font-size:13px;
	
}

.sngDesc:first-line {
	font-weight: bold;
	width: 300px;
	font-size:15px;
}

.sng {
	text-align: right;
}





/***************Video*****************/
#vidLeft {
	float: left;
	width: 225px;
	height: 350px;
	background-color: #6080a2;
	color: #d8d8e0;
	margin-bottom: 75px;
	
}

#vidOutCont {
	float: right;
	width: 525px;
	height: 350px;
	background-color: #6080a2;
	margin-bottom: 75px;
}
	
.vidDesc {
	font-size: 12px;
	margin: 15px;
	margin-top: 50px;
}

p.vidDesc:first-line {
	font-size: 20px;
}

embed.vid {
	margin-left: 22px;
	margin-right: 23px;
	margin-top: 32px;
}


#vidContainer {
	background-color: #333333;
	margin:auto;
	margin-top: 32px;
	width: 480px;
	height: 286px;
}


/************Contact*************/

#contactPic {
	float: right;
	padding: 20px;
}

#contact {
	padding: 30px;
	height: 280px;
	background-color: #6080a2;
	color: #d8d8e0;
}

Ideas? This is my first site, so sorry if I'm a little slow with it.

hi,
i've designed a website mainly in photoshop and sliced up and exported the finished images. However after adding headers(<H1>etc) in the main column, when testing the site in Firefox the graphics, flashmovies etc are pushed down the page and now unaligned with the background images by the header text because it is also now starting lower down the page than it did before in Explorer, which basically makes it look crap.
The whole thing is working perfectly in Explorer but when opened in Firefox becomes unaligned and unusable.
any help most appreciated
many thanks

I have a music blog on blogger (http://mildtowild.blogspot.com) and I recently found out using browser shots that my site does not look right in IE. (CURSE YOU IE!). I have a lot of code and css, and am not quite sure where to start looking. I do not believe my page is html or xhtml compliant, but I'm pretty sure it's impossible to make any blog from blogspot 100% compliant. I'm pretty sure I have closed all my tags properly and my css is correctly structured. I am just puzzled as to how it can look so perfect in firefox and safari, and then be radically different in all IE versions.

I have included screenshots of what it looks like in both browsers, also feel free to view the source on my page, and if any of you have any suggestions as to what to check or try, please be my guest. Thanks for looking!

IE: http://img360.imageshack.us/img360/9...be72325hn9.png
Firefox & Safari: http://img370.imageshack.us/img370/8250/ffkl6.jpg

Hi Everyone,

hoping someone can help me here, i'm totally new to html. i work in digital advertising and project manage web development, but i don't know how to troubleshoot html problems, particularly across browsers.

The website in question is
www.forbetterorpurse.com
I built it using the sitebuilder provided by the hosting company.

I have two problems (that i know of anyway haha!)
1. The table to the left has somehow increased in width. I don't think I altered anything but no doubt it's something small
2. if you compare the site from IE to Firefox, the background of part of the content area is yellow compared with grey. It's supposed to be grey.

if anyone has any ideas or can point me in the right direction, it'd be greatly appreciated!

Thanks

i need to disable image caching
<img src="picture.jpg?1222259157.415" alt=""> - doesn't suit me as i want to disable caching for Flash app and it doesn't support this kind of links
also don't tell me about:
header( 'Expires: Mon, 26 Jul 1997 05:00:00 GMT' );
header( 'Last-Modified: ' . gmdate( 'D, d M Y H:i:s' ) . ' GMT' );
header( 'Cache-Control: no-store, no-cache, must-revalidate' );
header( 'Cache-Control: post-check=0, pre-check=0', false );
header( 'Pragma: no-cache' );

as for images this just doesn't work

First off, hello to everyone! I'm relatively inexperienced in the area of webmastering, and have a weird question...

I created a site for the union where I work, and have noticed a very annoying phenomenon. When we update a page, it sometimes doesn't update right away (sometimes for several days) when we try to access the page from within our building. Clicking "refresh" has no effect in IE, but clicking "reload" in Firefox does! Also, in both browsers, clearing browser cache before re-loading the page doesn't force the browser to get the new page from the Internet (I thought it might, but I guess not.)

I did notice, however, that clicking a link to the page (rather than typing it by hand), gives a different result: in IE, it takes you to the old version of the page, but then hitting "refresh" now really does load the new version; but in Firefox, the behavior is the same as if the URL were typed in by hand.

A friend who is much more experienced than I am said it's likely that our IT folks (who administer the network we use to access the Internet in this building) are running software that caches frequently-accessed pages, to speed things up and cut down on bandwidth usage in the buillding.

If this is the case, is there some script or code I can insert into my HTML that defeats this and forces the browser to load the page from the actual URL on the Internet rather than the cached version?

Or, if my experienced friend is wrong, what on earth could be causing this weird problem? The hosting company says it seems like a local caching issue, and not on their end.

Thanks for any help you may have!

-Mark

Hey guys, I'm not one being familiar with how caching works, and reading on it only made me more confused/unsure. Okay, here goes:

I've inherited a website from someone else (professional, I'd assume) and now I'm solely responsible for updating and maintaining it. What I noticed is that when I upload (via FTP) new files, it takes forever for me to be able to view the new page. By "forever", I mean usually 2 or 3 days, and never less than a day.

So what I did yesterday was to add in two additional META tags in the header:
Code:

<META HTTP-EQUIV="Expires" CONTENT="Fri, 1 Jan 2010 1:00:00 GMT">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

where I deliberately chose a past date so that it'll force the server to serve the latest copy. But after what happened, I realised this is wrong, because the page kept reloading everything, including images during any mouseovers!

My question... how should I set it so that it will only cache pages that have not been modified? If it is possible to separate -- within HTML or PHP -- HTML files from larger files like pictures, PDF etc. that would be even better.

this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html

there are several things I would like to happen.
1. the right collumn background to be where the right collumn should be(so other links in navbar)
2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see)
3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does.
4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle.
5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns?
don't worry about the colors I will be changing them soon

Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7

does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was:

Code:

this is a XHTML document
<br>
this should be a new line

I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code:

Code:

this is a XHTML documentthis should be a new line

and then some sort of error saying "<br>" on line x is invalid.

Hi,

I work on a Mac, and have Safari, Internet Explorer 5 and Firefox.

1. What do you think I should be building my sites to? What do you use?
2. Also why do some sites work in all browsers? CSS hacks?


Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer.

Please help!
Thankyou
Tom

I was wondering if it was possible to set us a code so that when someone is looking at my site in say Internet Explorer is would direct them to a site that displays the page how I have it set up for IE for them and one say for firefox and say safari. Thank you in advance, I appreciate it!

Testing a new structure. I have tried IE6, IE7, Opera, Firefox and would appreciate crosschecks on other browsers for Linux/OSX
http://www.telfordsteamrailway.co.uk...e/newindex.php

basically all I have done is added the right column with the fundraising links
I would like to now if there are any layout issues or issues with the .swf player

Thanks in advance

Hi - can someone please have a look at this site for me from a PC (pref IE8). My site is pretty basic in respect to xhtml (although I have just converted it into a WP site) but it uses a little jquery - however, all was fine, FF/Safari/Opera - no problem but in IE8 a lot of the styles seemed to have gone a bit mental - I am praying that my parallels on my Mac is being odd but perhaps I need to make some CSS fixes??? Unfortunately I cannot get to a PC in the immediate time...

Here is the link ...

Thanks

Y

(also here is a screen shot of the what my mac is showing - the correct styles )

I have a small window that shows site logins by ip address.

I open it with window.open and get exactly the proper display in the proper position.

But, I'm stuck with the browser page that called window.open().

Is there a way to close that browser?

I've tried things like window.opener.close() with no luck.

Remember, I want t close the browser, not just a window.

Thanks, Mac