HTML - Text Taller In Firefox Then Ie

Hello. I'm helping my 9yo son make a webpage, and I have stumbled across a text display behavior I don't understand. See images below.

The issue is that text over a certain size does not appear correctly in IE6. The 1st image shows the file as created in Nvu, with rows of incrementally larger text. The 2nd shows the file in Firefox; each row of text is larger than the last, as it should be. The 3rd attachment shows the same file in IE6; after the 5th row, the text size remains the same. Why doesn't the text display correctly in IE6? I tried on another PC; same result. The upshot is that my son's webpage looks correct (i.e. as it looked when designed in Nvu) when viewed in Firefox, but not in IE6.

Is this correctable?

Thanks.

For some strange reason if I want to have an ad or image on the left of my text article usually i put a div code around whatever it is like..

Code:

<div style="DISPLAY: block; FLOAT: left; MARGIN: 0px 10px 0px 0px">

</div>

This works GREAT in firefox but then i was shocked when i went over to Internet explorer and tested my site there using the latest browser.. it doesnt acknowledge that code and so the ad or the image ends up being above my article instead of nicely on the left and the text wrapped around it on the right like you see in firefox

Any ideas how to get around this? Maybe a fix that works for ie. and firefox?

thank you guys and gals in advance

Hello. I'm back again. This time I have a different problem: Because the text sizes in IE are much smaller than in Firefox, the alignment of certain divs comes out disarranged. Notice that in FF, the big red box's position begins at midpoint of the contact us navigation. But, in IE it begins a big close to the end. I think this is due to the different text sizes. I was wondering if I could use javascript to test which browser is currently being viewed, and base on the browser type it would switch between css to correct the differences? (Sorry for the overly huge images) Also, I'll post the code later.

Why Does Alt Text in the html img Tag Not Work in Firefox？
It works well in IE but not in Firefox.
Anyone knows why? Thanks in advance.

Hi,
I have a site that goes over about 3 pages in length and in the IE the page is longer than in firefox. This is really annoying when you have next to the page a sidebar that is supposed to have the same length as the page but in the IE the sidebar does not reach the end of the page (because the page is longer due to larger spacing).

To me it seems that IE makes more spaces between the text lines like h1, h2, p, etc.
Is this a common problem and is there any solution to this?

I am very new to programming and untrained, so I used a sample I found to create expandable/collapsible text. It works in IE, but not Firefox. Here is the link to a simplified version, which expands when you click on it in IE, but does nothing in Firefox.
http://www.projusticemn.org/library/attachment.193408
Any help is greatly appreciated!

So we have this old website that we're updating and in our updates we've found that the text will now run over the margins (into our pretty white space). We don't want it to pass the blue tab that says "Contact". Any ideas?

http://www.carlsonbldgservices.com

Also how can I remove the underline in "Click to Enter"?

Hello,
I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place;

<img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" /

inside of a paragraph in a row of a table.

I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try?

I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html.

Any information anyone could givee me would be REALLY appreciated!
Thank you.

Hi All,
I am new to this forum and is expecting an answer for this question. I have implemented a facebook type search to the database which displays the familiar text saved in the database when I type some text in the database. My issue is after I have used the search box for a couple of time the text box starts displaying a similar dropdown from its history which hides my database search. Does anyone know how to disable it using html or css. See the attached Image if my question is not clear.
http://www.htmlforums.com/attachment...1&d=1306715905

here is the (ineffective) code currently:

<img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" />
<h1 style="text-align: center;">random text</h1>

the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is.

i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image.

i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon!

thanx in advance for advise/comments/feedback/help.

I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file.

I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file.

I hope this is an easy one with several answers.

Is it possible these tags could discipline your rankings in the search engines?

Thanks,
Jason

i have a lot of text files(2-400) all have quite alot of text inside them so is there some software that can help me convert it all into html pages??

somthing that i am doing right now is: copied all of my text files pasted them into other location and editing each file and giving extention html/htm.

now can u tell somthing better??

all the files will open in same frame(obviously one at a time), all have styling n everything same.

Hi Can any one help.

I have this form the user is ask to input a message and a number. I want to be able to add a line of text to the message, which the user can not delete. But is sent joined to the message. ie

User input

Message = "Hi Just would like to share this site with you"

with added text:

Message "Hi Just would like to share this site with you" + "mydomain.com"

Can anyone help?

===========================================

Here is my form so far

<script language="javascript" type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum - limitField.value.length;
}
}
</script>
<html>
<body>
<form action="stext.php" method="POST" name="number" id="number" style="width: 384; height: 372; ">
<input name="number" type="text" id="number" style="position: absolute; left: 123; top: 287; color: #FFFFFF; width: 154px; border: 1px solid #ACC61B; background-color: #000000" size="20" tabindex="2"><p style="margin-top: 0; margin-bottom: 0">
<textarea name="message" cols="17" rows="1" id="message" onKeyDown="limitText(message,countdown,140);" onKeyUp="limitText(message,countdown,140);" style="position: absolute; left: 120; top: 105; width: 162px; height: 154px; color: #FFFFFF; font-family: Agency FB; font-size: 14pt; border: 1px solid #ACC61B; background-color: #000000" tabindex="1"></textarea>
<br>
</td>
<input name="Submit" type="submit" id="Submit" value="!" style="position: absolute; left: 121; top: 329; color: #D95503; width: 157px; height: 23px; border: 1px solid #D95503; background-color: #D95503" tabindex="3"></p></form>
<p style="margin-top: 0; margin-bottom: 0"><font size="4" face="Agency FB">Maximum characters: 140. You have
<input readonly type="text" name="countdown" size="3" value="140">
characters left.</font>&nbsp; </font></p>
<p style="margin-top: 0; margin-bottom: 0">nmgnm,</p>
</body>

How do I Link text in a div, h1, h2, p to an external text file or xml file - I don't really know how to ask the question. I think I need an xml file that can be easily edited by a user saved to the server to update an xhtml page text without the user getting bogged down in html.

I don't want to use joomla or cms.

<Any ideas />?

Best wishes,
mas