MidiMagic 579 Nearly a Senior Poster

Did you forget to close a tag in the html?

MidiMagic 579 Nearly a Senior Poster

That's a myth. Screenreaders aren't confused by tables, they just read them in a specific way. Weird markup order and other 'unusual' div constructs can confuse screenreaders just as much, sometimes more.

It's the users of the screenreaders who get confused. they are blind.

MidiMagic 579 Nearly a Senior Poster

Originally Posted by MidiMagic View Post

How is this achieved? When you shrink the browser window, or use a different screen resolution, the divs won't stay put.

They will if you do it correctly.

You keep saying that, but you don't tell the correct way. Are you saving it so you can copyright and sell it?

How is this achieved? Whenever I try it, the list won't stay together, or the table pokes outside the div.

Do you have an example? Please post a URL.

I didn't put up the bad page on the web. I fixed it with a table.

Here is the bad page:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Stuff</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<style type="text/css">

.cenx {text-align: center;}
.ceni {clear: both;}
.bxfix {margin: 0; border: none; padding: 0;}

.boxi {margin: 3em; border: solid 2px #0000cc;
           padding: 1em; background-color: #ffaaaa;}

.boxd {margin: 0; border: none; padding: 0;
            width: 50%; background-color: #aaffaa; float: left;} 

.boxe {margin: 0; border: none; padding: 0;
           width: 50%; background-color: #aaaaff; float: right;} 

.celfil {margin: 0; border: 1px black solid;
          padding: .25 em; background-color: #eeeeaa;
          width: 100%; height: 100%;}

.wfl {width: 100%;}

img {margin: 0; border: none; padding: 0;}
body {background-color: #bbffbb; padding: 2%; font-family: sans-serif;}

</style>
</head>
<body>

<div class="boxi">
  <div class="boxd">
    <p>The text I want to keep on the left. The text I want to keep on the left.
    The text I want to keep on the left.  The text …
MidiMagic 579 Nearly a Senior Poster

IE is the nonconformist. It won't obey the W3C standards.

How to get web pages to behave:

1. Validate your code with the W3C validator.

http://validator.w3.org/

2. Don't put size styles (width, height) in the same tags that contain surrounding styles (margin, border, padding).

3. Don't expect div tags to expand to fill their containers. Some browsers do different things here.

4. Don't expect fonts to be the same line weight across browsers.

5. Set horizontal and vertical alignment for table cells. The defaults are different for different browsers.

6. Don't use absolute positioning or pixels. Different browsers render these differently, as do different screen resolutions.

MidiMagic 579 Nearly a Senior Poster

Not really. Removing the "px" changes nothing. And 0px really doesn't make sense to you? How else should you remove a border inherited from lower down in the cascade?

It's not me that does the complaining. it's the browser. Firefox will throw away any style that contains 0 with a unit of measure attached (such as 0px, 0% 0pt). You have to put just the 0, with no unit of measure:

.mystyle [margin: 0;]

Border prefers the "none" attribute, rather than 0, if there is to be no border at all.

But margin and padding do not know the "none" attribute. You have to use 0 with them.

MidiMagic 579 Nearly a Senior Poster

Huh?

This is not clear.

MidiMagic 579 Nearly a Senior Poster

It's fixed in the menus, but not in the ads.

MidiMagic 579 Nearly a Senior Poster

Is it too big for the internet cache?

MidiMagic 579 Nearly a Senior Poster

MS Paint can do it one image at a time.

MidiMagic 579 Nearly a Senior Poster

Maybe your idea of good style does not match their idea of good style.

I think the rounded corners are awful.

Of course, I also think all of today's culture came out of a Petri dish.

MidiMagic 579 Nearly a Senior Poster

This is because target= is deprecated.

MidiMagic 579 Nearly a Senior Poster

0px is an invalid style. Never attach a unit of measure to a 0 value. It invalidates the entire style.

MidiMagic 579 Nearly a Senior Poster

0px is an invalid style. Never attach a unit of measure to a 0 value. It invalidates the entire style.

MidiMagic 579 Nearly a Senior Poster

Pixel sizing is never a good idea.

MidiMagic 579 Nearly a Senior Poster

You have used stylesheet keywords as class names. That could cause a style to be invalidated.

MidiMagic 579 Nearly a Senior Poster

Absolute positioning is different in different browsers. Do not use absolute positioning.

MidiMagic 579 Nearly a Senior Poster

Don't set any fixed sizes. Use percentages of screen width instead.

MidiMagic 579 Nearly a Senior Poster

Originally Posted by MidiMagic
I'm talking about using div to make a page that doesn't fall apart if someone (or the browser) looks at it wrong.

Yes, so am I.

How is this achieved? When you shrink the browser window, or use a different screen resolution, the divs won't stay put.

I'm talking about divs that don't go crazy when you put a list or a table inside.

Me, too.

How is this achieved? Whenever I try it, the list won't stay together, or the table pokes outside the div.

I'm talking about divs that can be made to expand to fill their containers without using absolute measures.

If you use absolute measures they cannot expand.

They certainly do not respond to the width and height styles correctly. I had divs inside of table cells to further format the contents. They never would expand beyond the size of the text they contained.

I had to use absolute measures {height: .75in; width: 1.5in;} to get the div to expand to the size of the containing table cell. 100% height and width did not work.

The table cells were of fixed height because one cell in each row contained an image.

I'm talking about structures that don't take several hours of tweaking to make them work.

Agreed: <DIV>

It won't work. Every time I try to make what seems to be a straightforward structure from div tags, something goes blooey in the browser. and it falls apart: Either stuff leaks …

MidiMagic 579 Nearly a Senior Poster

Then maybe we are looking for the wrong solution.

The reason the W3C wants tables kept to tabular data is that web readers for the blind announce the row and column of every table cell.

So is there a way to put a style in to get the web reader to shut up about the rows and columns when the table is used to keep a layout from falling apart?

Alternately, we need dtr and dtd tags that behave like the tr and td tags of a table, to get the div ducks all in a row (or column).

MidiMagic 579 Nearly a Senior Poster

The width attribute is deprecated. Use a style:

.wfl {width: 100%}

Then, in the tag you want to be wide, put the following:

<tag class="wfl">

The tag will assume the full width of its container.

MidiMagic 579 Nearly a Senior Poster

I just realized what you are talking about.

Their software is designed to turn everything into basic text, so the formatting and style used does not influence hiring.

MidiMagic 579 Nearly a Senior Poster

Sorry, I have that backwards. The p tag can't contain ul or ol.

MidiMagic 579 Nearly a Senior Poster

I figured it out.

The relative size of the h1 font-size style is referenced to the base font size, not the large font size used for h1 by default. So I was actually asking for the font size h1 normally uses when I asked for a double size with 200%. The result was no visible change.

Putting in 400% gave me what I wanted.

MidiMagic 579 Nearly a Senior Poster

You don't. Without the control panel, the user can't leave the page.

MidiMagic 579 Nearly a Senior Poster

Sorry, but.....I have the right indeed....it's my website... If it where like you say, I would hve to let the visitors to change every aspect of my website...everything.

Suggestion, do not reply posts If you're not helping...that's the idea of the forum...

You do NOT have that right. You are effectively saying that the user can't leave your website, by taking away his controls. This is committing a wrong against the user by taking control away from him and taking over his computer.

I am totally SICK of web page designers who design pages the user can't leave without using the task manager. It should be illegal, with jail time. I have seen this trick used on eBay too often. They fix it so you can't do any comparison shopping once you get to the page. You have to bid to leave it.

It is pure selfishness.

MidiMagic 579 Nearly a Senior Poster

Don't play sounds when people open your home page. This can be extremely annoying, especially if someone reaches your site while searching for something else, while sitting in the middle of a cubicle farm. It generates excessive prairie-dogging.

If you want a sound, put a link to the sound on the page, so the unsuspecting search engine user can avoid it.

MidiMagic 579 Nearly a Senior Poster

So how do you make it use scrollbars instead of dropping a div down?

MidiMagic 579 Nearly a Senior Poster

What happened when you did this?

<h2><a name="overhere">Overhere</a></h2>
<p>something about overhere...</p>

This is actually the most correct way to do it.

MidiMagic 579 Nearly a Senior Poster

I was using Firefiox 3.

That page works. So now I have to find out why mine does not.

One difference was that I was using a class, instead of modifying a generic tag type.

.double {font-size: 200%;}

.....

<h1 class="double">big type</h1>

Question: Are the percent values in those styles percentages of the default font size, or percent of the normally rendered font size of the tag?

MidiMagic 579 Nearly a Senior Poster

Those things belong to the user, not to you. You should not have any right to make a window without any controls.

MidiMagic 579 Nearly a Senior Poster

Remember that lists are not block objects. They can't contain many tags, including img and p tags.

MidiMagic 579 Nearly a Senior Poster

You can't count divs with a certain id, because ids are not allowed to be used more than once.

MidiMagic 579 Nearly a Senior Poster

Lists are not block objects, and won't take an image.

MidiMagic 579 Nearly a Senior Poster

Make the styles inline, like this.

<p style="your styles here">
  Your styled paragraph.
</p>
MidiMagic 579 Nearly a Senior Poster

I'm talking about using div to make a page that doesn't fall apart if someone (or the browser) looks at it wrong.

I'm talking about divs that don't go crazy when you put a list or a table inside.

I'm talking about divs that can be made to expand to fill their containers without using absolute measures.

I'm talking about structures that don't take several hours of tweaking to make them work.

I'm talking about being able to use the same methods and always getting the same results.

MidiMagic 579 Nearly a Senior Poster

Has anyone had an inkling of what add-on causes this? I don't have time for the exhaustive search the Firefox site suggested.

MidiMagic 579 Nearly a Senior Poster

Shouldn't the view be html, not javascript?

MidiMagic 579 Nearly a Senior Poster

Check the stupid-event cases first:

- Are you out of disk space?
- Are you out of RAM (project got too big for the workspace)?
- Is the file damaged (try another project file)?
- Did you take a disk or flash stick out of the drive before the project was fully saved?
- Are you trying to open a project with one or more components on a read-only CD?
- Is a file write-protected?
- Is a component of the project on a removable disk that is not now in the drive?
- Does the computer need rebooting after a power glitch or a thunderstorm?

MidiMagic 579 Nearly a Senior Poster

Embed is deprecated.

MidiMagic 579 Nearly a Senior Poster
h2 
	{font-weight:normal;
	font-size:1.7em;
	height:40px;
	margin-left:-19px;
	padding-left:10px;
	padding-top:32px;
	display:block;
	background:url(/images/boxh.gif) no-repeat;
	color:#800080;}
<a name="overhere"></a>
<h2>Overhere</h2>
<p>something about overhere...</p>

I think your code and styles are confusing it. You have several things that each can force the top of the line off the page:

- The A tag is empty. That makes it render very small at the bottom of the line of text, if it renders at all. Put the a tags inside the h2 tags and the contents between the a tags. I think this is it.

<h2><a name="overhere">Overhere</a></h2>
<p>something about overhere...</p>

Empty tag pairs cause all kinds of rendering trouble--never leave tag pairs empty. If you absolutely must have an empty tag pair, put a nonbreaking space between them.

- I often have trouble getting IE to correctly render h# tags when relative font size (em) measures are used.

- The font size of 1.7em and the height of 40px may be placing two different constraints on the same item that different browsers react to in different ways, especially under different screen resolutions.

- Negative surrounding styles are also not defined by the W3C, and can make quite a mess. Never use them.

- Try defining your padding in units other than px (try em instead).

If none of these work, one thought is to attach the anchor tag to something small in a line above the title (maybe an hr tag, a nonbreaking space, or a line of ----- …

MidiMagic 579 Nearly a Senior Poster

Then just don't specify it.

Then it doesn't work. It acts as though I made no setting at all.

MidiMagic 579 Nearly a Senior Poster

Stop using px for sizes, or it will behave totally different when the browser window or the screen resolution changes.

Where the object appears in the box depends on how much margin you give it on each side, and what else is in the box.

With some box objects (but not div), you can set the vertical-align attribute.

MidiMagic 579 Nearly a Senior Poster

Turn everything off using the proper shutdown sequence. Then bring everything up in the order dictated by the instructions on your switch or router.

Often a lightning storm causes settings in some component to become garbled. Rebooting everything restores the settings.

MidiMagic 579 Nearly a Senior Poster

I can't tell from your text whether you are trying to match the height of another div, or trying to fit the browser window.

It is very hard to make a div the same height as a div to its side. The fluid nature of a div makes it impossible to force it to a specified height, except in the dreaded absolute terms. This is one of the cases where table works better.

You can't make a page fit the browser window, because you can't know what size the user's browser window is.

Different browsers, versions, screen resolutions, installed plugins, security settings, and window sizes make this practically impossible.

This is not an intended use of the Internet at the moment.

MidiMagic 579 Nearly a Senior Poster

Absolute positioning is a great way to cause browser incompatibilities, because they don't agree on where the absolute positioning starts.

Don't use either pixels or absolute positioning if you want browser compatibility.

MidiMagic 579 Nearly a Senior Poster

It might be good if you sent us an extract of what you're doing, because I do this with all my sites and it works all the time! :)

Example in css file:

body { font-size:16px; }
p { font-size:150%; }
h1 { font-size:2em; }

That's what I wanted to do, except NOT setting the pixel size of the font on the body tag. I wanted to use the user's setting.

MidiMagic 579 Nearly a Senior Poster

I see several problems:

1. Defining sizes in pixels does NOT work with various screen resolutions. It is an absolute form of rendering.

2. Em is not defined when the body tag is executed, so something can't be referenced to an em in the body tag style.

MidiMagic 579 Nearly a Senior Poster

It's part of the Cisco router firmware.

MidiMagic 579 Nearly a Senior Poster

The two are synonymous. Surfing the web IS downloading material.

What you could block instead is INSTALLING anything. Check your firewall settings.

Another way is to make sure that only a system administrator has an administrator account. Normal user accounts are usually prevented from installing anything.

Once you have user accounts, you can also remove all of the players and player plugins that are needed for some of the bandwidth wasters. This can be a problem if QuickTime is installed. It installs itself in a way that it can't be removed, so a system rebuild is needed to get rid of it.

MidiMagic 579 Nearly a Senior Poster

I'm surprised it works in Firefox. 0px is an invalid style in FF.

FF wants zero values to be just a 0, without the units of measure.