PDA

View Full Version : working in ie6 but not in mozilla


yurg
07-10-2006, 08:31 AM
ive noticed that the tables are quite skewed in mozilla, whilst they are working in ie6 and dw absolutely fine. being a newb i didnt think to check this at the start, but it actually looks quite bad. can anyone tell me why its doing this.

www.urofoam.co.uk

Creative Insanity
07-10-2006, 08:51 PM
Change the doctype.
Use:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

and not what you have:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

An incorrect doctype will cause a page to render incorrectly.

d a v e
07-10-2006, 10:11 PM
in what way is their xhtml transitional doctype wrong?! and how is using the one you suggested better?

Creative Insanity
07-11-2006, 12:46 AM
If you have to ask that then you do not understand how doctypes work and I suggest that you read up on them.

Go here;
http://www.w3.org/TR/html4/loose.dtd

now go here:

http://www.w3.org/1999/xhtml

Know what the X stands for?
Opps! hehe

chriskq
07-11-2006, 05:02 AM
i use
<!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">

stick with the strict and learn the rules... this will help greatly in the future

the difference you ask?
http://24ways.org/advent/transitional-vs-strict-markup

d a v e
07-11-2006, 06:29 AM
creative - i know how doctypes work which is why i was puzzled by your suggestion to use the dtd you suggested - using the transitional html doctpye would make no improvement to their site and would also mean they would have to change their whole syntax from xhtml to html.

so don't be a rude git and answer the question if you can: explain your choice of dtd ;)

yurg
07-11-2006, 08:16 AM
adding that doctype text didnt help at all when previewing the site in dw. i tried both CI's and the strict doctype info, but neither of them worked. Why does dw allow you to build sites that work fine in IE but not in mozilla? was dw designed around IE?

anyway its not working so does anyone have any other ideas?

Creative Insanity
07-11-2006, 08:22 AM
I like being rude it is part of my personality and that is the end of it.
I change for no one.

Right if he is using DW then DW DOES HTML AND NOT XHTML. Also with that doctype forget about colored scrollbars for IE and also let's not forget about the extra gaps the doctype is going to cause.

He did not want a running commentary, just a cure for the differant looks in browsers which I gave. Now sit down and hush up ah. LOL

d a v e
07-11-2006, 08:59 AM
hmm but it (your doctype) didn't work did it ;)

Creative Insanity
07-11-2006, 12:07 PM
Sorry I tried to help..won't bother next time as that was only my first suggestion before Chris stuck his ore in.

d a v e
07-11-2006, 01:23 PM
apology accepted ;)

domedia
07-11-2006, 02:49 PM
Dreamweaver can use any, HTML *and* XHTML, they're all supported, you just have to choose one.

Changing doctypes will not *fix* any problems, that is not what doctypes are for. The DTD's sets rules for how the HTML should be structured and rendered.

yurg
07-11-2006, 03:28 PM
thats all very well and good lads, but im still no closer to a solution, its quite a problem aswell because ive been tracking the visitors and around 25% are using mozilla, so it must look pretty shit to them. dtd's aside, what can i DO?

domedia
07-11-2006, 04:40 PM
1. Set margin for your paragraps. They're not set now and browsers will use their default value. This relates to how the 'Welcome to Eurofoam' box is rendered in FF.
2. Your images break your design further down because they're inline elements by default, assign {display: block} to them in the stylesheet.
3. When you get time consider using CSS for design and HTML for structure. If you don't rely on a table grid for design, they can't break the design.
Not for everyone though, but you can look at:
http://www.adobe.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts.html
http://www.adobe.com/devnet/dreamweaver/css.html

yurg
07-11-2006, 05:38 PM
cheers domedia

yurg
07-12-2006, 03:20 PM
2. Your images break your design further down because they're inline elements by default, assign {display: block} to them in the stylesheet


sorry bout that, yeh so i managed to make the tables render properly in both browsers but the images are still dsitorted, some of them have even shrunk, how do i go about doing the above, cheers

domedia
07-12-2006, 03:57 PM
the quick way is to do it inline add 'style="display: block to the img tag"
SO it will look like this:
Stressed/Original%20Files/stress%20024.jpg