MidiMagic 579 Nearly a Senior Poster

Normally, when I put a photo on a website, the photo stays the same aspect ratio on both widescreen and normal monitors.

But I have one web page where I need to resize the photos to all be the same width. I used the CSS width attribute, with an inch value.

When using the 4:3 monitor, the photos display normally.

When using the widescreen monitor on this page, the aspect ratio is wrongly changed so the image is shorter than it should be.

Is some special coding needed to preserve the aspect ratio?

MidiMagic 579 Nearly a Senior Poster

IE applies the width setting outside the margins, borders, and padding.

The W3C standard, Firefox, and others apply the width setting inside them.

MidiMagic 579 Nearly a Senior Poster

100% height refers to the content, not the screen size.

MidiMagic 579 Nearly a Senior Poster

The page can not know the height of the viewport, if that is what you want. There is no way to find this out that works on all browsers.

The 100% refers to the height of the content, not the height of the screen.

MidiMagic 579 Nearly a Senior Poster

The problem seems to have resolved itself.

MidiMagic 579 Nearly a Senior Poster

Whether the scrollbar displays or not is up to the user's browser settings, not your web page. If your page is larger than the screen, the scrollbar will display. You have no control over this, because the scrollbar is part of the browser, not the web page.

If the guy wants to not see a scrollbar, he can turn it off with his own browser settings. But he has no right to change the browser settings of someone else's computer.

Alternately, you have to make a box object smaller than anyone's browser viewport (800X640) and change the content with a script.

MidiMagic 579 Nearly a Senior Poster

It depends on the content. Use these styles

Use

text-align: center;

for text. That is the only thing the W3C allows centering of.

To center a photo, use

clear: both; text-align: center:

. The last style is to make it work with IE.

To center something else, use

margin-left: auto; margin-right: auto; text-align: center;

. Again, the last makes it work with IE, which for some reason wants both.

MidiMagic 579 Nearly a Senior Poster

You can't span 100% of the viewport height. This is not provided.

There are too many variations in the following features to ever make anything able to fit the vertical size of the viewport:

- Graphics mode
- Screen Resolution
- Screen Aspect Ratio
- Which Browser Used
- Browser Viewport Aspect Ratio
- Restored-Down Browser Window (affects resolution and aspect ratio of viewport)
- Extra Toolbars Installed on Browsers (affects aspect ratio of viewport)
- Preserving Aspect Ratios of Page Elements

With all of these variables, they chose to make width have priority, and sacrifice the ability to specify heights to match the viewport.

MidiMagic 579 Nearly a Senior Poster

It won't work outside dreamweaver either.

Add a style for div tags:

div {display: table-cell;}

Then the div will expand itself to fit the table inside.

MidiMagic 579 Nearly a Senior Poster

It can't be done in a way that works on all computers, browsers, screen resolutions, aspect ratios, numbers of extra toolbars installed, and restored-down window sizes.

Stop trying. This is not Microsoft Word. If you want a footer that always stays at the bottom of the page, use Word, and print the document. Then tape it to your monitor.

If your boss is demanding this, he needs to understand that it is impossible.

Many people have come up with kludges that work on a specific browser, a specific screen resolution and aspect ratio, on only those computers that allow scripts blocked by popup blockers, or only when the window is maximized with no extra toolbars. But there is no standard way to do it that always works.

The web is not designed to do this. It was not intended when the web was designed. So no way to do it is provided. There are two things you can't reliably do on a web page:

1. Make your content exactly fit the browser viewport.

2. Place content at the very bottom of the viewport.

Just put your footer at the bottom of your content. or better yet, don't make a footer.

MidiMagic 579 Nearly a Senior Poster

Don't use proprietary features, and css works - almost.

The css2 and css3 standards are not yet universal. Wait until more browsers are using them.

The other thing to not do if you want browser compatibility is to not put size styles (width, height) in the same tags or styles that contain nonzero surround styles (margin, border, padding).

MidiMagic 579 Nearly a Senior Poster

Check the following:

- Is your firewall or router blocking it?

- Is your ISP blocking it because of spam?

- Is the site larger than your internet cache space?

- If you are at work, has your employer blocked it?

MidiMagic 579 Nearly a Senior Poster

I now have the same problem with every location I have tried this from. This makes me think their server has gone blooey, or is limiting access to so many tries per day.

Is anyone else having trouble?

MidiMagic 579 Nearly a Senior Poster

The W3C validator site is not working right for me. A few other sites (but not many) also say the file I sent is blank. Other sites are working with no troubles, and receive uploads normally.

The facts:

- Two different computers are doing the same thing.

- Both computers have 1GB ram and Windows XP.

- It happens on every .htm file I try.

- The W3C validator behaves as though the files are empty. I am sure that they is not, because I just edited them. I can open them to verify the contents.

- The trouble happens most of the time, but sometimes the file gets through. One time, part of the file got through. The end was missing, and I got a plethora of validation errors.

- It happens on both IE and Firefox.

- I have a Cisco LinkSys 4-port wired router and AT&T DSL on a Seimens modem serving both computers.

- All of the shared functions between the two computers (printing, network drives, etc.) still work.

- Just before this happened, I got an error message that the password in the DSL modem didn't match the one expected. But I thought it was a phishing expedition, and shut down everything, instead of following the instructions. The message didn't look authentic.

I even turned off the power strip running the router and modem after shutting down the one computer that was on. When …

MidiMagic 579 Nearly a Senior Poster

Read the previous posts.

Also, the site may be having troubles.

MidiMagic 579 Nearly a Senior Poster

I created a special folder and dragged the IE icon (it is not a shortcut) into it.

MidiMagic 579 Nearly a Senior Poster

The biggest problem is that too many sites design their pages to require IE.

- Requiring AxctiveX
- Using nonstandard proprietary IE features
- Designing to the IE violations of W3C.

MidiMagic 579 Nearly a Senior Poster

I got it!

Launch Windows Explorer.
Create a new folder named Found inside the folder to be searched.
Close Windows Explorer.

Start
Run command.com
Navigate with cd to the folder containing the files to be searched.
copy *.htm *.txt
exit

Launch Windows Explorer
Open the search pane, search for the tags you want.
Select all of the search results.
Drag them to the Found folder.

Navigate to the original folder.
Sort by file type.
Select and delete the .txt files.

The list of .txt files in the Found folder tell you which .htm files have the desired text.

MidiMagic 579 Nearly a Senior Poster

my computer is crashing to blue screen red screen, black screen or greyish white and it is not my monitor as was in the computer shop for 2 days with no crahes.........Have to cold start each time it goes down to on of the coloured screens........Some one please help...Have also installed an APC Power shute to control the power and it is still crashing about 2-5 times a day

please respond to mjmax@xplornet.com

Are you having short power failures? I had this trouble when the city was welding something down under the street with a huge welder. It went away when the welding was finished.

It might be a bad video card.

MidiMagic 579 Nearly a Senior Poster

Mailto depends on settings made in IE to know what mailer to open. If it is not set, no mailer opens.

MidiMagic 579 Nearly a Senior Poster

If it doesn't fit, IE shoves stuff out of the way, Mozilla overlaps them.

The problem is that they don't fit the available space.

MidiMagic 579 Nearly a Senior Poster

You certainly can. That is as secure as having a guard snail on duty.

MidiMagic 579 Nearly a Senior Poster

If several attributes conflict, the browser throws away the height attribute first.

The next questions is: 30 percent of WHAT?

It's 30 percent of the height of the container of the tag with the height attribute. If the object is inside another container (such as a paragraph, or a table cell) it's easy. But browsers don't agree on what to do if the container is the body tag or the html tag. Some take it as 30 percent of the content height, others take it as 30 percent of the viewport.

And a div will not expand to the full declared height unless it is full of content.

MidiMagic 579 Nearly a Senior Poster

My advice is to use divs for layout, unless they refuse to work. One place they refuse to work is when a table is inside a div.

One trick to making a div behave is to set its display attribute to "table cell." Then it keeps other objects from intruding on its borders.

Always use tables for tabular data.

MidiMagic 579 Nearly a Senior Poster

So what do you suggest I do?

I suggest you "DON'T."

DON'T expect a web page to behave like a Word document. The web standards aren't designed for that. Web pages flow to fill the available space.

DON'T expect to place things at certain places within the browser viewport. They will not stay put with a different browser, a different screen resolution, or a different sized restored down window. And all of it changes with the new widescreen monitors.

DON'T expect to place a footer at the bottom of the viewport and have it actually be there on all computers. Footers are not defined for any web device except the table, and they go at the bottom of the table, not the screen.

DON'T define things in terms of absolute measurements, such as pixels and points. Use percentages and ems.

DON'T expect to exactly fill the entire screen with an image. You can have it fill the width (with width: 100%; ), but because of the varying aspect ratios, you can't make it fill the height on all computers. Note that if several attributes conflict, the browser will sacrifice a height attribute first to satisfy the others.

DON'T expect a tight design to stay together on all screen resolutions. Design it for a low resolution screen, and use percentages, so the parts stay in the same relative positions on higher resolutions.

MidiMagic 579 Nearly a Senior Poster

Be aware that IE puts the margin, border, and padding INSIDE the defined widths and heights. The other browsers (and the W3C standard) put them outside.

To fix this, never place width or height attributes on the same tag (or in styles applied to the same tag) that has a margin, border, or padding attribute applied.

MidiMagic 579 Nearly a Senior Poster

You can't set absolute sizes or positions and expect it to work on any computer/browser/screen resolution combinations except the one you developed it on. This means:

- NO pixels.

- NO points.

- NO heights relative to the browser window or document height (no agreement among browsers here)

- NO width or height attribute on the same tag (or style) that has a margin, border, or padding.

- If it doesn't fit, different browsers do different things to try to render it.

MidiMagic 579 Nearly a Senior Poster

Get rid of ALL mouseover devices.

MidiMagic 579 Nearly a Senior Poster

I hate ALL devices where rolling the mouse over something causes something to happen. They should be banished from the web.

They are now listed as not being Americans With Disabilities Act (ADA) compliant for dyslexia and quadriplegia (where computers are used to communicate). This means that all websites that use mouseover devices (including ads on these sites) do not comply with the ADA.

MidiMagic 579 Nearly a Senior Poster

This happens for only one reason: Something in the chain of transmission is too busy to keep up with the video:

- If this is a live webcam, more people might be accessing the site. The site then can't keep up with serving all of the users now using it. You can't do anything about this unless you own the site.

- The Internet Service Provider (ISP) serving that site may be overloaded. You can't do anything about that either.

Note: If this site fails, but other sites behave normally, at least one of the above two causes is true.

- Your ISP may be overloaded. You could change ISPs.

- Your computer might be overloaded. You can do the following:

1. Make sure you have enough RAM.
2. Close all other windows.
3. Stop such processes as alarm clocks and reminders.
4. Use your fastest disk for the download buffer.

MidiMagic 579 Nearly a Senior Poster

Two problems with this:

1. There are over 200 files to check.

2. I am not allowed to download any software on the computer involved.

3. Dreamweaver is not installed.

MidiMagic 579 Nearly a Senior Poster

It might be a screen resolution problem, rather than a browser problem. Divs are slippery, and if they won't fit, they move.

Also remember that IE nests the surrounding elements and the sizes in the wrong order.

MidiMagic 579 Nearly a Senior Poster

That doesn't always work. It is browser dependent. And the size is determined when the page loads, not after a script adds content to the page.

Do not try to make content exactly fit either the screen or other content. It won't work on a different browser, or a different screen resolution.

Those new widescreen monitors play havoc w3ith making things fit.

MidiMagic 579 Nearly a Senior Poster

A footer is not provided for in html/xhtml/css.

All attempts to make one fail, because all of the methods rely on the characteristics of one particular monitor size.

Just put it at the bottom of your content, and don't waste time trying to exactly fill a screen. I have never seen anyone do it in a way that worked on all browsers and screen sizes.

A script is needed to do it, and the script language needed is not cross-browser compatible. Firefox and IE have different proprietary functions. There is no DOM function that works on all systems.

MidiMagic 579 Nearly a Senior Poster

It's a security violation. Firefox has a setting to keep pages from redirecting to harmful sites.

MidiMagic 579 Nearly a Senior Poster

I need to search for all files on my computer that contain certain html tags.

I tried the search function that comes with Windows Explorer (My Computer), and it can't find html tags, even in files I know contain them.

I have Windows XP.

MidiMagic 579 Nearly a Senior Poster

Please note that objects that change when hovered over have been determined to be "not accessible" to people with perception disabilities. Also be aware that some countries require websites to be accessible.

MidiMagic 579 Nearly a Senior Poster

Idea: Make the background color match one of the elements. Then the white space is not white.

Centering objects is much harder in css than it was in the old html. But you can do this by setting the margins to auto, or clearing both sides.

MidiMagic 579 Nearly a Senior Poster

Have you set ctrl-C to be a hot key for some other program? That could disable its normal function.

Have you used some program to disable part of another program? That could also use a trick that disables certain keys.

MidiMagic 579 Nearly a Senior Poster

Are you trying to send special characters?

If so, it's better to attach the file with the special characters.

MidiMagic 579 Nearly a Senior Poster

What KIND of sound is embedded?

If they don't have the player or a plugin for that kind of sound, it won't play.

Also, they need to check their sound mixer settings. The slider for that kind of sound may be set to zero.

MidiMagic 579 Nearly a Senior Poster

It might be a difference in how the script is implemented.

Or it might be a contrast effect with the various parts of each of the browsers. The surroundings affect the visual perception of color.

It might also be a difference in monitor settings, if different computers were used.

MidiMagic 579 Nearly a Senior Poster

Maybe the site no longer exists.

If it is your website, check the following:
- The url is correct
- The folder and files have world read and execute permission
- The files are in the correct folder
- Your hosting account is valid
- The files were actually uploaded to the server - the Internet can't see stuff on your PC
- The server hasn't filtered access to it
- Your internet service provider is blocking it due to spam or offensive content
- You have exceeded the monthly bandwidth on your free hosting and the site shut down until the next month
- The hosting webmaster moved you to a pay account because you exceeded bandwidth too many times

If it is someone else's website, check for:

- What error message are you getting?
--- If the server is not found, it might be down or closed.
--- If the page is not found, it might have been removed or changed url.
--- If the server has been instructed not to let you have it, the page does not have the proper world read and execute privileges.
--- If the page gives an error, something has happened to it.
--- The page uses obsolete code, and your browser can't interpret it.

- Does the host still exist? Geocities and a couple of other hosts closed down last year.
- …

MidiMagic 579 Nearly a Senior Poster

The idea is that your page will not need revision every time they come out with a new browser or version.

The Google page (and the Yahoo page) will not validate because the ads require noncompliant code.

I would hate to see a "W3C complain" website.

MidiMagic 579 Nearly a Senior Poster

The software is inserting pixels interpolated in colors between the colors of the pixels you have in the image when it does the resize. Such software does not know that you have chosen a certain pixel color to represent transparent. Did you choose black?

You usually cannot resize an image containing transparency.

MidiMagic 579 Nearly a Senior Poster

The Internet was not really meant for you to place a footer at the bottom of the screen.

MidiMagic 579 Nearly a Senior Poster

Your isp probably used those style names in its own stylesheet. That stylesheet overrode yours.

MidiMagic 579 Nearly a Senior Poster

The only way to make that happen is to make everything resize, even the font. That is hard to do.

I don't normally make a page scroll horizontally, but those with forms in them just about have to, or you will not be able to enter the data. And many images blur into illegibility when resized.

MidiMagic 579 Nearly a Senior Poster

We don't embed anymore. The embed tag is deprecated code, and was never supported by all browsers. It never did validate.

Your code may be correct, but not supported by Chrome. Chrome is new enough that they might have left something out.

MidiMagic 579 Nearly a Senior Poster

My point was slightly different.

I have noticed that, when I plug a MP3 player into the front port, the port then forgets what my camera is when I plug the camera back in, and vice versa (I have only one front port).

But I don't have to go back to the disk to get it again. All I have to do is either of two things:

1. Start the software that came with the camera or player. It knows what driver to use. Then, if I just want to drag and drop, I can exit that software and continue.

2. Go to Add/Remove Hardware and select the correct driver.