473,326 Members | 2,012 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,326 software developers and data experts.

Good in IE...bad in Firefox...lots of dev errors. Can anyone help?

I had this message previously in another group and I was told to try
here. Hopefully someone can help out. Site was created in Dreamwaver
MX 04 and I cna't figure out why there are so many errors or how to fix
them. Original thread can be found here:
http://groups.google.com/group/mozil...6dbd2754e85252
I've been working on our company's new website and a lot of
the pages look different in one aspect in firefox than they do in IE.
They display correctly in IE but not firefox. Here is the link:

http://paymca.org/newy3dex/news.htm

If you look at the page (and osme of the others like it) you'll notice
that in firefox, it extends the blue "background" part and rolls the
graphic over to a repeat but in IE it just stops the graphic where it
ends. How do I fix this? THanks

Jul 17 '06 #1
20 1724
ridergroov schrieb:
I had this message previously in another group and I was told to try
here. Hopefully someone can help out. Site was created in Dreamwaver
MX 04 and I cna't figure out why there are so many errors or how to fix
them. Original thread can be found here:
http://groups.google.com/group/mozil...6dbd2754e85252
At the very beginning of this thread you were pointed to the W3C
validation service:

http://validator.w3.org/check?uri=ht...dex%2Fnews.htm

This is a very useful service, it shows where your code has errors.
Don't expect anybody to try finding a solution in your code as long as
it is that buggy!

I've been working on our company's new website and a lot of
the pages look different in one aspect in firefox than they do in IE.
They display correctly in IE but not firefox. Here is the link:

http://paymca.org/newy3dex/news.htm
I see a broken image in IE, is this "correct"? :-)

You do a table layout and fill it with text gifs - there is not a single
line of text at all! So why do you put tables around the images anyway?
Make the whole page one gif, then you are sure it looks "correct" in
every browser.

The better way would be: Make a full stop, re-do the whole page with a
nice, simple HTML structure without tables, and CSS positioning layout.
It will make far less problems, and as a benefit it will be indexable by
search engines and accessible by non-visual browsers.

--
Markus
Jul 17 '06 #2
How can I structure the page without using tables? I mainly work in
Flash and this is one reason I hate dreamweaver. Too many rules and
I'm not aware of them. I made hte empty text boxes there to get the
alignment right for the menu on the left. Probably not the best idea
and I know that but it worked. How can I structure it in DW without
tables?

Markus Ernst wrote:
ridergroov schrieb:
I had this message previously in another group and I was told to try
here. Hopefully someone can help out. Site was created in Dreamwaver
MX 04 and I cna't figure out why there are so many errors or how to fix
them. Original thread can be found here:
http://groups.google.com/group/mozil...6dbd2754e85252

At the very beginning of this thread you were pointed to the W3C
validation service:

http://validator.w3.org/check?uri=ht...dex%2Fnews.htm

This is a very useful service, it shows where your code has errors.
Don't expect anybody to try finding a solution in your code as long as
it is that buggy!

I've been working on our company's new website and a lot of
the pages look different in one aspect in firefox than they do in IE.
They display correctly in IE but not firefox. Here is the link:

http://paymca.org/newy3dex/news.htm

I see a broken image in IE, is this "correct"? :-)

You do a table layout and fill it with text gifs - there is not a single
line of text at all! So why do you put tables around the images anyway?
Make the whole page one gif, then you are sure it looks "correct" in
every browser.

The better way would be: Make a full stop, re-do the whole page with a
nice, simple HTML structure without tables, and CSS positioning layout.
It will make far less problems, and as a benefit it will be indexable by
search engines and accessible by non-visual browsers.

--
Markus
Jul 18 '06 #3
ridergroov schrieb:
How can I structure the page without using tables? I mainly work in
Flash and this is one reason I hate dreamweaver. Too many rules and
I'm not aware of them. I made hte empty text boxes there to get the
alignment right for the menu on the left. Probably not the best idea
and I know that but it worked. How can I structure it in DW without
tables?
You can structure the page in HTML like this:

<div id="head">
<h1>This is the headline</h2>
<img src="myimg.jpg" alt="this is an image">
</div>

<div id="content">
<h2>A subtitle</h2>
<p>And this is a text</p>
</div>

And suggest a page layout with CSS (which this group is about) like this:

<style type="text/css">
#head {
background:...;
margin:...;
}
#head h1 {
font:...;
}
#content {
background:...;
}

And so on. If you want to know how to do this in Dreamweaver you might
want to ask in macromedia.dreamweaver available on Macromedia's news
server forums.macromedia.com (or via the Macromedia website).

Anyway you have to know that there is a fundamental difference between
using Dreamweaver and using Flash or a layout software like InDesign:
Flash and InDesign generate files in their proprietary formats for you,
which can only be viewed with the software itself or with a proprietary
viewer. Or, in case of export, they generate fully standardized code
such as PostScript or PDF, which will be rendered identically on all
systems.

Authoring a web page is totally different. HTML code is nothing but a
way of structuring text, and there is CSS to suggest a layout. Browser
implementations of CSS rendering vary a lot, even where they are not
buggy. Fonts might be missing on the user's systems, image display
turned off, or CSS disabled. Some browsers, such as braille or text-only
browsers, will give a totally different interpretation of your code than
visual browsers.

Other than with PostScript or PDF, you need at least a basic
understanding of HTML and CSS if you want to create HTML code.

Dreamweaver provides a user interface to this, but as you see it won't
prevent you from creating buggy code. And DW's layout view is not the
"correct" rendering, but only DWs interpretation of the code, which can
be different from Firefox' or IEs.
Jul 18 '06 #4

ridergroov wrote:
I've been working on our company's new website and a lot of
the pages look different in one aspect in firefox than they do in IE.
They display correctly in IE but not firefox. Here is the link:

http://paymca.org/newy3dex/news.htm
Learn some HTML, learn some CSS, stop using Dreamweaver so blindly (or
just stop using Dreamweaver!) and start over again.

It's not a particularly complex page, but dragging-and-dropping without
thinking what code the editor is actually producing has given you a
nightmare. There's really no point in trying to hack about with it,
it's quicker to start again.

Jul 18 '06 #5
I agree with both of you. I have limited HTML left in my brain from
school. I do know there is a MAJOR difference between dreamweaver and
flash. I am not that dumb. I actually use to be able to write code
believe it or not. I'm not big into writing code of any kind which is
why I got into DW again and I know it has its faults. I just wish HTML
itself wasn't so damn picky about everything. It's like a whining kid.
Let me ask you this, if you guys were me, how would you structure this
page? Namely the menu on the left? The only way I could figure out to
do it was make a multi cell table on the left like I did then others
around it.....aside from just doing it in flash... What are your
recommendations? I appreciate the information you have given me but
telling me to learn this and learn that doesn't give me any info in
particular. Thanks.

Andy Dingley wrote:
ridergroov wrote:
I've been working on our company's new website and a lot of
the pages look different in one aspect in firefox than they do in IE.
They display correctly in IE but not firefox. Here is the link:

http://paymca.org/newy3dex/news.htm

Learn some HTML, learn some CSS, stop using Dreamweaver so blindly (or
just stop using Dreamweaver!) and start over again.

It's not a particularly complex page, but dragging-and-dropping without
thinking what code the editor is actually producing has given you a
nightmare. There's really no point in trying to hack about with it,
it's quicker to start again.
Jul 18 '06 #6
Use this link instead actually: Fixed it up a bit:

http://paymca.org/newy3/adultprograms.htm

Also, why does the top table shift when I put a centered graphic under
it? Really annoying....

Jul 18 '06 #7
On 18 Jul 2006 10:11:56 -0700, "ridergroov" <ri*********@comcast.net>
wrote:
>I do know there is a MAJOR difference between dreamweaver and
flash. I am not that dumb.
The trouble is that there's also a major difference between Dreamweaver
and HTML, if "HTML" means "reasonably competent 2006 standard HTML".
>I just wish HTML itself wasn't so damn picky about everything.
It's not, it's just made out to be so by people trying to tell you it's
hard, and to sell you expensive tools like Dreamweaver.
Let me ask you this, if you guys were me, how would you structure this
page?
Go to a good CSS example site (alistapart ? glish.com ?) and blag a
worked example of the HTML and CSS for what is a very simple and
standard sort of site layout

Jul 18 '06 #8
ridergroov wrote:
>
http://paymca.org/newy3dex/news.htm

If you look at the page (and osme of the others like it) you'll
notice that in firefox, it extends the blue "background" part and
rolls the graphic over to a repeat but in IE it just stops the
graphic where it ends. How do I fix this? THanks
I also noticed that the page has absolutely no text in it. Admittedly
there's very little to read there anyway; but why have you chosen to
make what little prose there is into a 800Kb image?
--
Jack.
Jul 19 '06 #9
ridergroov wrote:
What are your recommendations? I appreciate the information you have
given me but telling me to learn this and learn that doesn't give me
any info in particular. Thanks.
Are you saying you want to know how to get it done properly, but you
don't want to have to learn anything you don't already know? If so, I
guess my best recommendation has to be "hire a webdesigner".

--
Jack.
Jul 19 '06 #10
On Wed, 19 Jul 2006, Jack wrote:
ridergroov wrote:
What are your recommendations? I appreciate the information you
have given me but telling me to learn this and learn that doesn't
give me any info in particular. Thanks.

Are you saying you want to know how to get it done properly, but you
don't want to have to learn anything you don't already know? If so,
I guess my best recommendation has to be "hire a webdesigner".
The catch there is: if you don't know enough to recognise a well-built
web page, it's hard to select a webdesigner who's competent. Heaven
knows, there are enough charlatans around.

Jul 19 '06 #11
Alan J. Flavell wrote:
On Wed, 19 Jul 2006, Jack wrote:
>ridergroov wrote:
>>What are your recommendations? I appreciate the information you
have given me but telling me to learn this and learn that doesn't
give me any info in particular. Thanks.
Are you saying you want to know how to get it done properly, but you
don't want to have to learn anything you don't already know? If so,
I guess my best recommendation has to be "hire a webdesigner".

The catch there is: if you don't know enough to recognise a well-built
web page, it's hard to select a webdesigner who's competent. Heaven
knows, there are enough charlatans around.
Hah! You got me - that is a veritable Catch-22.

--
Jack.
Jul 19 '06 #12
I'm not saying I don't wnat to learn at all. Never said taht once. I
do want to learn which is why I am asking. Anyone can hire a web
designer. If I wanted to do that I wouldn't be posting here trying to
figure it out myself.

I posted teh text as an image becuase I hate the way regular text looks
on a page.

Jack wrote:
Alan J. Flavell wrote:
On Wed, 19 Jul 2006, Jack wrote:
ridergroov wrote:
What are your recommendations? I appreciate the information you
have given me but telling me to learn this and learn that doesn't
give me any info in particular. Thanks.
Are you saying you want to know how to get it done properly, but you
don't want to have to learn anything you don't already know? If so,
I guess my best recommendation has to be "hire a webdesigner".
The catch there is: if you don't know enough to recognise a well-built
web page, it's hard to select a webdesigner who's competent. Heaven
knows, there are enough charlatans around.
Hah! You got me - that is a veritable Catch-22.

--
Jack.
Jul 19 '06 #13
Let me throw this at you. Forget what I said about making the text a
graphic. How can I center align text on the page as a whole but keep
it left justified using CSS in dreamweaver? I'm trying to go through
the CSS options but the ones that would seem to make sense for this
aren't doing anything. Thanks.

Jul 19 '06 #14
ridergroov wrote:
Let me throw this at you. Forget what I said about making the text a
graphic. How can I center align text on the page as a whole but
keep it left justified using CSS in dreamweaver? I'm trying to go
through the CSS options but the ones that would seem to make sense
for this aren't doing anything. Thanks.
You want it center-aligned aas well as left-aligned?

I'll guess that what you want is a box that's centered on the page, with
the lext left-aligned within the box.

<html>
<head>
<style type="text/css">
..centerleft {
position:relative;
margin-left:20%;
margin-right:20%;
text-align:left;
border:1px solid black;
}
</style>
</head>
<body>
<div class="centerleft">Text in here appears left-aligned in a box
that's centered on the page.</div>
</body>
</html>

--
Jack.
Jul 19 '06 #15
Am I using a table for this?

Jack wrote:
ridergroov wrote:
Let me throw this at you. Forget what I said about making the text a
graphic. How can I center align text on the page as a whole but
keep it left justified using CSS in dreamweaver? I'm trying to go
through the CSS options but the ones that would seem to make sense
for this aren't doing anything. Thanks.

You want it center-aligned aas well as left-aligned?

I'll guess that what you want is a box that's centered on the page, with
the lext left-aligned within the box.

<html>
<head>
<style type="text/css">
.centerleft {
position:relative;
margin-left:20%;
margin-right:20%;
text-align:left;
border:1px solid black;
}
</style>
</head>
<body>
<div class="centerleft">Text in here appears left-aligned in a box
that's centered on the page.</div>
</body>
</html>

--
Jack.
Jul 19 '06 #16
ridergroov wrote:
Am I using a table for this?
I have no idea what you are using; my suggested HTML used no table.

--
Jack.
Jul 20 '06 #17
Gotcha. That is awesome. How do I specify how wide I want that text
to be? I only want the block of text in the center to be a certain
width. Thanks! I am actually getting somewhere with this now.

Jul 20 '06 #18
Alright I think I may have the centering thing for the image down. One
other thing for now. If you go to:
http://paymca.org/newy3/facilities.htm in firefox then click on the
adult programs link, the top part of the page shifts slightly in
position. It does not do this in IE but I want it to work in both
correctly. Why does it shift? Thanks a bunch.

Jul 20 '06 #19
On 2006-07-20, ridergroov wrote:
Alright I think I may have the centering thing for the image down. One
other thing for now. If you go to:
http://paymca.org/newy3/facilities.htm in firefox then click on the
adult programs link, the top part of the page shifts slightly in
position. It does not do this in IE but I want it to work in both
correctly. Why does it shift? Thanks a bunch.
I don't see any such shift in Firefox 1.5.0.4 (Linux).

--
Chris F.A. Johnson, author <http://cfaj.freeshell.org>
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
===== My code in this post, if any, assumes the POSIX locale
===== and is released under the GNU General Public Licence
Jul 20 '06 #20
I don't know if it is Linux that is making you not see it but if you go
and load both pages, then click back and forward over and over again,
you will definitely see a shift.

Jul 21 '06 #21

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

Similar topics

4
by: Dave Blair | last post by:
Hi, I have a problem with our intranet, we are planning to install Firefox instead of Internet Explorer onto some new PCs. However, we can't get the following JavaScript to work in Firefox and...
7
by: Merlin | last post by:
Hi there, I have a serious problem with opening a new window with the help of JavaScript. The problem only occures with Firefox. Once you click on the item which fires up the open function, the...
2
by: chriswalls0024 | last post by:
I am using a very simple mousover script for the buttons at this URL - http://www.amrinc.net/lhsBand/mouseoverProblem.cfm In Firefox, the ON state of the buttons includes a 1-pixel hairline gap...
3
by: torbs | last post by:
Hi I have two quicktime plugins embedded in a webpage. I want to hide one and display the other. Then I want to load a movie into the hidden player. When the first player is finished playing, I...
3
by: Urs Eichmann | last post by:
Hello I have an ASP.NET web site where you can page through lists by using INPUT TYPE=image buttons. I noticed that, in IE6, the whole page gets cleared and built again from the ground up, whereas...
5
by: Martin Chen | last post by:
I have a frame set (as per MS FrontPage 2000). It has a contents and a main frame. The contents frame has a menu bar written with with javascript (in the context of a table). In IE6.1 everything...
7
by: TAVOSOFT | last post by:
Hi friends, I am begginer , I wanna to learn VB2005 ,Which are good book for to learn VB2005 of level -begginer-intermediate. Thanks you friends.
9
by: =?Utf-8?B?Sm9obiBCYWlsZXk=?= | last post by:
I have a ASP .Net page that allows moving around items on the page through javascript. This page works fine in IE. In FireFox however, I have found that if the page is using XHTML 1.0...
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...
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: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
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...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
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
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.