HTML - Text Size In Ie Vs Firefox

Hello, can somebody please visit my site at http://www.badminton.com.mk/, and tell me why when I change the text-size (in Firefox, as well in IE), the page loses it's shape. I'm not that interested in fixing it, as i am courious why when the text size changes, left.jpg and right.jpg (left and right of the header picture) slips down... I just can't figure that one out....

Thanks!

I was wondering if someone could give me the javascript to make text change color or size or make bold when mouse moves over.

Thanks for the help!

Hello All,

I am increasing the font size of the text using javascript. In IE, the div size increases or text get automatically wrapped when font size increased. But in firefox browser, the div size remain same and text flows out of the div. Anybody having any idea to correct his behavior in firefox? Please help.

Hi,

I would like to know if I can make the background image (over which I will write the content of the page) to fit the space I'm using. For example, I don`t how to explain it , but I see sites with the navigation bar image or the content image to adapt its size according to the amount of text on them. And then it seems like they are infinite, again, it adapts to the isze of the page. But my background image stays the same size all the time and I can see the end of it.

I know I didn`t explain it very well but I don`t know exactly what I need to do this so, if someone could help me, thanks a lot.

The table itself is working fine, but the size of each cell is not correct in Firefox.
Here is a screenshot of what is happening:

http://img35.imageshack.us/img35/1938/tabletroubles.gif


Here is the head of my page, the css for the table is he

HTML Code:

<style type="text/css">
#cat table {border:0px solid #333333; cell-padding:0; cell-spacing:0; align=center} 
#cat tr {align=center}
#cat td {font-size: 13px; font-family=tahoma; font-weight: bold; padding: 0px; border:0px solid #333333; align=center;} 
#cat td a {text-decoration: none; color:#757575; background-color: white; display:block; height=23; background-image: url(linkbg1.gif); align=center;} 
#cat td a:hover {background-color: #333333; font-weight: bold; text-decoration: none;color: #ffffff; background-image: url(linkbg2.gif); align=center;} 
</style>

and here is the table code, located in the body of the page:

HTML Code:

<div style="Height:53px; overflow:auto; width:900px; position:absolute; top:0; left:0">


<TABLE bgcolor=#333333 cellspacing=0; cellpadding=0;><tr><td>

<div id="cat"> 

<table width=900; cellpadding:0px; cellspacing:0px> 
<tr align=center> 
<td width=20%>
<font face=tahoma><a href="home.html">Home</a></font>
</td>
<td width=20%><center><font face=tahoma><a href="openings.html" target="_top">Openings</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="dance.html" target="_top">Dance</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="projects.html" target="_top">Projects</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="vocaloid.html" target="_top">Vocaloid</a></font></center></td> 
</tr> 
<tr> 
<td width=20%><center><font face=tahoma><a href="fanflashes.html" target="_top">Fanflashes</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="caramelldansen.html" target="_top">Caramelldansen</a></font></center></td> 
<td width=20%><center><font face=tahoma><a href="cosplay.html" target="_top">Cosplay</a></font></center></td>
<td width=20%><center><font face=tahoma><a href="endings.html" target="_top">Endings</a></center></td>
<td width=20%><center><font face=tahoma><a href="anime.html" target="_top">Anime Episodes</a></font></font></center></td> 
</tr> 
</table>


</div> 
</td></tr></table> 
</div>

A table is nested within another table. The table on the outside has no content, it is there to make a gray border around everything else.

If you look at the table in firefox & internet explorer, you'll see that in IE- the table is much thicker than in firefox. How can i make it so that the table in Firefox will have the same thickness as the one in IE? I could really use some help. Thanks!

i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame
now this 1.htm is quite a long frame and has a scrollbar
and 2.htm is a short one
i dont the scroll bar beside my frame 1 but want it to be for my entire parent window
ie i wont to scroll both my left and right frames together
how do i do that

http://www.asapd4nola.com/

The middle body text goes over the top horizontal navigation bar inside of Firefox. In IE, it looks fine.

What code am I missing?

Any help would be great!

Hey everyone,

Im pretty new with HTML & CSS. I mostly just make small changes on Dreamweaver so I dont have to get a web guy for changing a sentence here and there.

My issue:

I almost always use Firefox and looked at my changes on this browser.... Once I looked at IE for my page, there are weird symbols. Does anyone know why this is occuring? Its on my header for "Se Habla Espanol" and on any symbols in the text.

Here is a couple links to good pages & pages with the weird symbols.

http://www.firstchoicedebtrelief.com/about-us/
http://www.firstchoicedebtrelief.com/debt-settlement/

here is the text example im referring to.

This debt relief strategy requires that you stop making payments to creditors entirely. Instead, you save your “payments” in a special account. When that amount approaches 40%-60% of one of your account balances, your debt settlement negotiator contacts your creditor and offers to settle for that lump sum on the spot.

Thanks so much to anyone who can help...... Issues like this can take me forever to figure out.

Hi!

I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window.

How can I make it do that?

I did it once but just can't seem to remember how I did it.

Thanks

I'm building a webpage for this nonprofit company and after moving data over from the old website to my newly created site it looks fine in Firefox but shifts halfway down the page. I am using dreamweaver to make the site.

any ideas why? Here's a sample of what I mean:

http://www.doornetwork.org/test/s_week.htm

other pages look fine like this:

http://www.doornetwork.org/test/miami.htm

the original site has them set correctly like this:

http://www.doornetwork.org/d_week.htm

I didn't make the old site and am a relatively amateur website maker. Any help would be grateful.

edit: a few friends have confirmed it looks right in Opera and IE7

I have this strange problem... my text in Firefox is taller then IE... html in valid w3c and css the same... what can I do ? please help ...

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.

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

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.