473,320 Members | 1,853 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

annoying FireFox Issues

If you go to my website, www.deanblakely.com, in I.E. you will see that it
displays fine but if you browse it in FireFox 1.7 you will see stuff on the
Master Page that is not alligning right.

I have the following elementID in my One.CSS file...
#masthead
{
text-align: right;
margin-right: 13px;
margin-left: 13px;
width: 844px;
padding: 0;
background-color: #cde;
background-image: url( './images/DOTNETONEsmall.png' );
background-repeat: no-repeat;
height: 100px;
}
and all of those lines you see are in a div with an id of Masthead.

Also if you go to www.deanblakely.com/Intro.aspx you will see text in
another div with an id of the following elementID...
#column_w
{
width: 770px;
margin: 20px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 20px;
}
It's 770px wide but Firefox wraps in less than half that distance.

What is wrong and what can be done to make this stuff align right?
Thanks
Gary


Jun 15 '07 #1
3 1391
On Jun 16, 5:50 am, "GaryDean" <GaryD...@newsgroups.nospamwrote:
If you go to my website,www.deanblakely.com, in I.E. you will see that it
displays fine but if you browse it in FireFox 1.7 you will see stuff on the
Master Page that is not alligning right.

I have the following elementID in my One.CSS file...
#masthead
{
text-align: right;
margin-right: 13px;
margin-left: 13px;
width: 844px;
padding: 0;
background-color: #cde;
background-image: url( './images/DOTNETONEsmall.png' );
background-repeat: no-repeat;
height: 100px;}

and all of those lines you see are in a div with an id of Masthead.

Also if you go towww.deanblakely.com/Intro.aspxyou will see text in
another div with an id of the following elementID...
#column_w
{
width: 770px;
margin: 20px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 20px;}

It's 770px wide but Firefox wraps in less than half that distance.

What is wrong and what can be done to make this stuff align right?
Thanks
Gary
hi....

Inside your div masthead you have used a table.... to populate phone
email etc in different rows...
apply style to that table...
set style="float:right"....

Thanks
Masudur
Jun 16 '07 #2
GaryDean wrote:
If you go to my website, www.deanblakely.com, in I.E. you will see that it
displays fine but if you browse it in FireFox 1.7 you will see stuff on the
Master Page that is not alligning right.

I have the following elementID in my One.CSS file...
#masthead
{
text-align: right;
margin-right: 13px;
margin-left: 13px;
width: 844px;
padding: 0;
background-color: #cde;
background-image: url( './images/DOTNETONEsmall.png' );
background-repeat: no-repeat;
height: 100px;
}
and all of those lines you see are in a div with an id of Masthead.
This is not an issue with Firefox, but with IE. You are relying on a
rendering bug in IE to make it look the way you intend, but it renders
correctly in Firefox.

You are using text-align to position the table inside the div, however
text-align does not apply to block elements, but IE does apply it anyway.

Use float:right on the table to position it correctly.
Also if you go to www.deanblakely.com/Intro.aspx you will see text in
another div with an id of the following elementID...
#column_w
{
width: 770px;
margin: 20px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 20px;
}
It's 770px wide but Firefox wraps in less than half that distance.

What is wrong and what can be done to make this stuff align right?
Thanks
Gary
The div element is 770px wide, and both browsers does actually render it
that way. However, you have placed a table inside the div, and made the
center column (which contains the text) 400px wide.

You are then using a link with inline-block inside the top cell to force
the column to be wider, but Firefox does not support inline-block yet so
the column stays at 400px.

The solution is simple, just make the column the width that you want it.

--
Göran Andersson
_____
http://www.guffa.com
Jun 16 '07 #3
Goran,
Many thanks. that worked great
--
Regards,
Gary Blakely
"Göran Andersson" <gu***@guffa.comwrote in message
news:%2***************@TK2MSFTNGP02.phx.gbl...
GaryDean wrote:
>If you go to my website, www.deanblakely.com, in I.E. you will see that
it displays fine but if you browse it in FireFox 1.7 you will see stuff
on the Master Page that is not alligning right.

I have the following elementID in my One.CSS file...
#masthead
{
text-align: right;
margin-right: 13px;
margin-left: 13px;
width: 844px;
padding: 0;
background-color: #cde;
background-image: url( './images/DOTNETONEsmall.png' );
background-repeat: no-repeat;
height: 100px;
}
and all of those lines you see are in a div with an id of Masthead.

This is not an issue with Firefox, but with IE. You are relying on a
rendering bug in IE to make it look the way you intend, but it renders
correctly in Firefox.

You are using text-align to position the table inside the div, however
text-align does not apply to block elements, but IE does apply it anyway.

Use float:right on the table to position it correctly.
>Also if you go to www.deanblakely.com/Intro.aspx you will see text in
another div with an id of the following elementID...
#column_w
{
width: 770px;
margin: 20px;
padding-right: 0px;
padding-left: 20px;
padding-bottom: 20px;
padding-top: 20px;
}
It's 770px wide but Firefox wraps in less than half that distance.

What is wrong and what can be done to make this stuff align right?
Thanks
Gary

The div element is 770px wide, and both browsers does actually render it
that way. However, you have placed a table inside the div, and made the
center column (which contains the text) 400px wide.

You are then using a link with inline-block inside the top cell to force
the column to be wider, but Firefox does not support inline-block yet so
the column stays at 400px.

The solution is simple, just make the column the width that you want it.

--
Göran Andersson
_____
http://www.guffa.com

Jun 17 '07 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

14
by: David Blickstein | last post by:
I have some XML documents that I want to open in a web browser and be automatically translated to HTML via XSLT. I'm using an xml-stylesheet processing command in a file called "girml.xml". ...
5
by: nospam | last post by:
I think there is a flaw/bug in ASP.NET or IIS. I try to test my pages in Firefox Browser because it's better than IE (page source coloring, tabbed browsing, etc.) but the JavaScript that is...
4
by: L2XL | last post by:
I have an ASP.NET (VB) app that I created for the Windows and IE6 enviroment. When it runs under Firefox on Windows it looks similar but has some display issues. When I run it under Firefox on...
9
by: WebMatrix | last post by:
I've been developing ASP.NET 1.1 application, testing it in IE 6.0 on my development machine. Of course, everything looks normal in IE as it should. Well, since it's going to be released to...
7
by: Carlos Mendonça | last post by:
Has anyone managed to get ClickOnce to work with Firefox? It seems to me that it still has the same issues VS 2K5 had. I appreciate any comments or tips.
4
by: =?Utf-8?B?RGF2ZSBXZWVkZW4=?= | last post by:
Hi, I seem to have found a bug in the regular expression validator under firefox 2.0.0.15 when I use saved form field values. Specifically I have an email address validator for a text box that...
2
by: Redligt World | last post by:
i have a adult based site i.m working on the works 100% ok in ie, but has major display errors in firefox You can view the site at http://www.redlightworld.com/premium Basically, the site views...
3
by: SAL | last post by:
Hello, I did google this issue and found some stuff related to BrowserCaps section of either web.config or machine.config but it didn't work. It seems that most pages in my webapp are okay but a...
8
by: jerrydigital | last post by:
Hi, does anyone know of a good route to take to allow users with Firefox and other browsers other than Internet Explore to use my website? My website is working great on Internet Explorer but I...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.