CSS - Cross Browser Display

Can anyone point me to a good discussion / description of the
differences between the ways different browsers display CSS? I have
found charts showing which CSS elements are supported or not
supported, but no coherent description of the differences in
display between supported elements on different browsers.
Thanks, Susan

> Unfortunately, this
http://www.wynnefields.com/resources.html
does not
> have any
> Firefox sample.
What?
Your page does not have a <head> tag -
<!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">
<meta name
although it does have a </head> tag. If you have one,
you must have both.
As for the rest of your post, I have no idea what you are
describing - can
you try again?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Wynnedobe" <[email protected]> wrote in
message
news:ecdq2t$6fh$[email protected]..
> Unfortunately, this
http://www.wynnefields.com/resources.html
does not
> have any
> Firefox sample. If I had a Mac, I would recreate the
file again with the
> latest
> versions of FF and Safari.
>
> It contains screen shots of the most recent 2-3 versions
of IE and
> Netscape on
> Windows and the Macintosh, as well as AOL on Windows.
Each version is also
> displayed at each of three resolutions.
>
> The presentation is in three layered Photoshop files,
each file being one
> resolution (1024x768, 800x600, 640x480), and each layer
is a different
> browser
> version displayed on a different platform. I hope this
helps a bit ...
>
>

Similar Messages

Css cross browser issue

i have laid out my template using css, but notice that one of
my columns will bump down under another one if the screen is
resized in IE (on pc, v.6). can someone take a quick look at my
code and css and let me know what i can do to ensure that
everything will stay where it is supposed to be located, while
still using width equal to a % so that it will resize with screen
resize.
my template can be found at: www.thedunch.com/template.html
my css can be founds at: www.thedunch.com/css/dunch.css
thanks in advance for any help

If you enabled "View Source" it might be easier to figure
out.
"bmilesp" <[email protected]> wrote in
message
news:gh9k9l$j87$[email protected]..
> hello,
>
> I have a flex image app here:
http://brandonandpatty.com/?page_id=6.
Works
> fine in firefox 3.0.4 and Opera 9.27. However, there is
a strange issue in
> IE
> and Chrome - the thumbnail images show up fine, but when
you click one to
> display a larger image it gives a broken image link
icon.
>
> I have no idea why the browser would have influence in
how the flashplayer
> accesses remote image files, but it does in this case
somehow. Any ideas
> on how
> to fix this issue, or has someone had a similar problem?
Thank you in
> advance!
>

Need some advice about cross browser display

Hi, I'm still trying to master css design and having a few
problems getting my pages to look the same on Opera and FF. I'm not
sure where I'm going wrong.
The site looks pretty much how it's meant to in IE (though
still in draft stage), but all sorts of gaps and spaces appear in
the other browsers that ruin the look.
Also in the 'restauraunts' 'shopping' and 'things to do'
pages the content drops way down on the page and I don't know why
that is either.
http://www.sorrentoquay.com.au/new_index.html
ps: I know I have a 916px image (the dropshadow) which is
causing the content to drop way down the page in FF and Opera, but
this is supposed to be in column with the content column lining up
along side it. It's doing what it's meant to do in IE.
I appreciate the responses so far, thankyou.

You must have fixed the original problem, because I don't see
any dropping
content in FF as I did when you posted originally.
However, your 'shadow' is not going all the way down the page
as it does in
IE7. Have you thought about moving that image out of the html
as using it
as a background image in that dive and repeating it on the
'y' axis)... may
also solve some of the gap problems you may be seeing, though
I can't see
them this time roung.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Spry Widget Examples
http://www.dreamweaverresources.com/spry-widgets/
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"just_carly" <[email protected]> wrote in
message
news:gbkdvf$c8p$[email protected]..
> Hi, I'm still trying to master css design and having a
few problems
> getting my
> pages to look the same on Opera and FF. I'm not sure
where I'm going
> wrong.
>
> The site looks pretty much how it's meant to in IE
(though still in draft
> stage), but all sorts of gaps and spaces appear in the
other browsers that
> ruin
> the look.
>
> Also in the 'restauraunts' 'shopping' and 'things to do'
pages the content
> drops way down on the page and I don't know why that is
either.
>
http://www.sorrentoquay.com.au/new_index.html
> ps: I know I have a 916px image (the dropshadow) which
is causing the
> content
> to drop way down the page in FF and Opera, but this is
supposed to be in
> column
> with the content column lining up along side it. It's
doing what it's
> meant to
> do in IE.
>
> I appreciate the responses so far, thankyou.
>
>

CSS Help/Cross Browser Issues

Nevermind

Embedding the fonts should solve that issue. You might want to make sure that the browser is not using a cached version of the project. You may have fixed it, but not seen it due to browser displaying an older copy. I will add a small version number on-screen in a corner while developing to make sure that browser is behaving correctly.
You also might to make sure that font can be embedded. Flash Catalyst only supports TrueType and OpenType font formats.
Hope this helps,
Chris

Cross Browser? Opinions please.

Say a developer develops a basic .html site that is viewable
cross-browser. Now, taking advantage of features available in one
browser, he or she develops content that uses those features.
Not wanting to negatively impact the experience of other
browser users, whose browser cannot use those features and indeed
causes problems in their browser, the developer codes the site to
detect the browser and not display the additional content to them.
So the browser users who can see the new content get it and
those with other browsers see only the original site. No harm, no
foul? Or is the definition of Cross-Browser that EVERYONE MUST see
the same content - develop for the lowest common denominator?
The reason I ask, is that I have heard people throw around
terms like "unprofessional" if someone develops for only one
browser. I was just wondering what the definition of Cross-Browser
is.

norrisoft wrote:
> Say a developer develops a basic .html site that is
viewable cross-browser.
> Now, taking advantage of features available in one
browser, he or she develops
> content that uses those features.
>
> Not wanting to negatively impact the experience of other
browser users, whose
> browser cannot use those features and indeed causes
problems in their browser,
> the developer codes the site to detect the browser and
not display the
> additional content to them.
>
> So the browser users who can see the new content get it
and those with other
> browsers see only the original site. No harm, no foul?
Or is the definition
> of Cross-Browser that EVERYONE MUST see the same content
- develop for the
> lowest common denominator?
>
> The reason I ask, is that I have heard people throw
around terms like
> "unprofessional" if someone develops for only one
browser. I was just
> wondering what the definition of Cross-Browser is.
"unprofessional" might be too much of a word. Bottom line is
what is that your
client needs and agree too.
For years people were developing stuff that was only
supported in IE, no one *****
about it because it was kind of given, we all knew it simply
did not work anywhere else.
From basic css to dhtml and others...
If my clients does not mind that I develop with FireFox in
mind and not IE, why would
I care if someone call me unprofessional. I want my content
to work right to the client
liking.
I read some threads day or two days back, pretty similar
issue. Tho I could not agree
with some of the points but than again, if my client has a
say in it and he is ok, that
is fine with me. Lots if not all of my clients feel strongly
about IE and security problems.
These are normal mortals, not computer savvy people and they
hate the idea that
regular surfing get them pack up with spyware and all this
stuff, people who not suppose
to know about cleaners, protections and 20 other applications
required just to run browser safely.
Because of that, they strongly encourage support of FireFox
and content specifically built
for it.
I herd many of times, "don't worry about IE, we don't want it
anyway"...
Regards
Urami
Happy New Year guys - all the best there is in the 2006
<urami>
http://www.Flashfugitive.com
</urami>
<web junk free>
http://www.firefox.com
</web junk free>

A few cross browser questions

Hello, I have been searching for results for sometime and
decided to come here to ask my question.
Now, I know these questions have been asked alot of times but
I have no good results.
My question:
Why does every website I make look Good in IE and bad in
firefox?
or vise versa. I can make it look good in firefox but looks
bad in I.E.
I mean I layout the design perfectly in Dreamweaver 8 and it
looks sweet in I.E. preview in Firefox and it makes me not want to
make layouts any more..
What do I do? And how do I fix this?
Currently I am making a "Liquid" Layout, using "%" for my Div
and Tables, and they seem to be ok in I.E. like I stated, but still
when I view in firefox, everything is to the left or off centerd or
just plain nasty.
Anytips? I got the whole Screen Resolution trick down, now I
just need professinal tips on cross browser design.
I don't have my site hosted yet so I cannot give you a
preview. I am sure you know what I am talking about as well.
I searched google and many forums (including this one) and
came up empty handed.
What am I doing wrong? Do I just manage the site as it is
even though that the website is 5px off to the right/left in
firefox and looks great in internet explorer.
I want to provide a clean site for both browsers with out
having them redirecting.
Which I can redirect one "If I.E." to a page, and redirect FF
to a diffrent. But that's a hassel in my view.
Seriously, what do I do?
Thank you for your time and any response.

As Jo mentioned, it would be too hard to give you advice on
your page
without seeing the code (or even better a live version).
The better approach is to design for Firefox and then fix the
errors that
are produced in IE.
Are you using a full doc type? That is important, because if
not, then IE
will go into quirks mode, thinking it is rendering your page
correctly, but
FFox will show it out of wack.....
are you using divs of 'layers' (absolutely positioned divs)?
As you can see there are many things that may be wrong with
your site- so
without seeing it, it's too difficult to offer specific
advice.
Have you been through the css tutorials at the Adobe site
(link in my
sig)..... they are very helpful - starting with beginner
tutorials and
moving on from there.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://www.csstemplates.com.au
http://www.perrelink.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"BadBlue" <[email protected]> wrote in
message
news:[email protected]...
> Hello, I have been searching for results for sometime
and decided to come
> here
> to ask my question.
>
> Now, I know these questions have been asked alot of
times but I have no
> good
> results.
>
> My question:
>
> Why does every website I make look Good in IE and bad in
firefox?
>
> or vise versa. I can make it look good in firefox but
looks bad in I.E.
>
> I mean I layout the design perfectly in Dreamweaver 8
and it looks sweet
> in
> I.E. preview in Firefox and it makes me not want to make
layouts any
> more..
>
> What do I do? And how do I fix this?
>
> Currently I am making a "Liquid" Layout, using "%" for
my Div and Tables,
> and
> they seem to be ok in I.E. like I stated, but still when
I view in
> firefox,
> everything is to the left or off centerd or just plain
nasty.
>
> Anytips? I got the whole Screen Resolution trick down,
now I just need
> professinal tips on cross browser design.
>
> I don't have my site hosted yet so I cannot give you a
preview. I am sure
> you
> know what I am talking about as well.
>
> I searched google and many forums (including this one)
and came up empty
> handed.
>
> What am I doing wrong? Do I just manage the site as it
is even though that
> the
> website is 5px off to the right/left in firefox and
looks great in
> internet
> explorer.
>
> I want to provide a clean site for both browsers with
out having them
> redirecting.
> Which I can redirect one "If I.E." to a page, and
redirect FF to a
> diffrent.
> But that's a hassel in my view.
>
> Seriously, what do I do?
>
> Thank you for your time and any response.
>

Need help with Rollover Image cross browser problem

Hello,
I am having a cross browser problem with my websites rollover nav links. The trouble is, while they work perfectly fine in IE8 and IE9, I’ve also attempted to use them through Opera, and they simply don’t work. They don’t link nor do they do their rollover effect. And I was trying to figure out what I have done wrong. Currently the site is not completed, but the first two pages are, the “news” and “about me” pages are currently (as of right now) working. The address to the site is below.
http://maxmetal.xsustudios.com/index.html
I hope that someone can help me with this, if needs be I can put the code for the CSS and HTML into this part if it will save some time for everyone. Sorry too about the PNG images, I have to change those over to semi-transparent GIF’s yet so the site does take a while to load…
Hope someone can help me with this!
PALADIN

When I disable CSS in my browser, the rollover buttons work just fine. This tells me your CSS is messed up and you've layered something over your menus which is making them inaccessible to users.
I noticed you've applied relative positioning to just about everything on your page. Why?   Default CSS positioning (unspecified or static) is all you need for 98% of layouts.
     Learn CSS positioning in 10 Steps
     http://www.barelyfitz.com/screencast/html-training/css/positioning/
My advice would be to start over using a pre-built CSS Template with all the divisions and columns you're likely to need for this project. Below are some good links to get you on the right track.
For professional CSS Templates that are rock solid & perform well in all browsers, visit Project Seven:
http://www.projectseven.com/products/index.htm
Ultimate Multi-Column Layouts
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-width s
Not Just a Grid CSS Framework
http://www.notjustagrid.com/demo.asp
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html
New DW Starter Pages
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Cross browser differences

The jsp pages in our project work fine in IE browser. But in Netscape browsers, the alignment is all messed up. We are at the end of the project and we dont have time to change all the jsp pages. I was told that there is some kind of javascript to handle situations like this. Including that javascript in the jsp pages essentially solves this problem. I was wondering if this is true? Please share your knowledge on this topic. I really appreciate your help.
Thanks,
Ravi.

Hi,
it depends on how you have structured your code. If you have done a css for the layout, you can know what browser is in use and switch to a specific external css. Something like:
if (document.layers)
document.write("<LINK HREF='netscape.css' REL='stylesheet' TYPE='text/css'>")
else if (document.all)
document.write("<LINK HREF='stile.css' REL='stylesheet' TYPE='text/css'>")
else if (!document.all && document.getElementById)
document.write("<LINK HREF='mz.css' REL='stylesheet' TYPE='text/css'>")
else
document.write("<LINK HREF='xx.css' REL='stylesheet' TYPE='text/css'>")
and so on...
Sometimes the problem is in using special costruc that works fine only in IE (for example): this is quite more complicated to solve, becouse you have to find a different solution.
There isn't any "general" solution to cross browser compatibility; usually it is a good idea to start developing in order to achieve it and not to demand it in a late stage.

JSF Cross Browser Compatibility

In reading about JSF I find no promise for cross browser compatibility. Am I to assume that this has been missed because
i. JSF is a specification and not an implementation and I should be looking for the implementation to make that promise.
ii. it's basically to hard to promise this.
iii. I didn't look hard enough.
I am guessing it's a (i) with the likely hood of (ii) to follow. But I would be interested on any feed back that anyone cares to add. For example, a implementation that is trying to promise this.

In my opinion, the JSF specification (or better, any specification) can only refer to other specifications, but never to a concrete software product. Consider a sentence like:
        JSF 1.0 is compatible with IEWhat could that mean? Some possibilities:
(1)     As it happened, until now, we did not stumble over a
        faces application that broke when run on our Faces
        reference implementation (version 1_1_01) in a
        WSAD 5.0 container in combination with IE 5.5
        with patch 12345 on Windows NT4 SP6 patch 98765.
        (To breake means to produce a result not legitimized
        by the spec, or to produce no result when one is
        expected, at least not in a reasonable time.
        Breakdowns caused by power failure or other
        reasons outside the scope of the spec to be ignored)Well, not worth any further comment.
(2)     Implementations of JSF 1.0 Spec will not brake
        on any faces application when run in a
        WSAD 5.0 container in combination with IE 5.5
        with patch 12345 on Windows NT4 SP6 patch 98765
        (To breake means ...)That is ok... if you have just this combination of components and will never change. Keep in mind that (2) does not promise
anything if you use IE5.5 patch 12345a (and the saying is, there have been several patches to IE ;-)
(3)     Implementations of JSF 1.0 Spec will not brake
        on any faces application when run in any container
        in combination with IE 5.5
        with patch 12345 on Windows NT4 SP6 patch 98765.
        (To breake means ...)Same as (2)
(4)     Implementations of JSF 1.0 Spec will not brake
        on any faces application when run in any container
        in combination with IE 6.0 on any platform with
        any patches.
        (To breake means ...)Maybe what is intended, just impossible to promise. First, such a bold statement about some software can not be proven.
Second, even if you have gained good confidence by thorow testing, who knows which future changes Microsoft will apply to IE 6.0 (via patches, which offen not only correct bugs, but also introduce new and maybe incompatible features)
(5)     Implementations of JSF 1.0 Spec will not brake
        on any faces application when run in any JSP 1.2
        or higher container in combination any broser
        which supports:
           - HTML 4.0.1
           - JavaScript 1.3
           - CSS 1.0
        where IE 6.0 is a browser which supports these
        three standards on any platform with any patches.
        (To breake means ...)It's getting better. But why, for heavens sake, should a JSF specification make a statement about the compliance of IE with HTML 4.0.1, JavaScript 1.3 and CSS 1.0? I think it would be the job of Microsoft to declare the compatibilty of their products with standards (if any applies, whatsoever).
Therefore, lets get rid of these and we have:
(6)     Implementations of JSF 1.0 Spec will not brake
        on any faces application when run in any JSP 1.2
        or higher container in combination any broser
        which supports:
           - HTML 4.0.1
           - JavaScript 1.3
           - CSS 1.0
        (To breake means ...)Nearly finished, just a little bit wordy. It is (nearly) obvious what 'to breake' means. And that it is common wisdom that software breakes, not some specification (Or, as Bertrand Meyer put it, Bubbles don crash. Specifications may be contradictory or fail to describe an algorithm, but never crash). Common wisdom removed gives:
(7)     Implementations of JSF 1.0 need a JSP 1.2 container
        and a browser capable of HTML 4.0.1, JavaScript 1.3
        and CSS 1.0That's it. Specs exist for two reasons. First, to be discussed and thought about. Second, to be implemented. (To the supporters of agile methods: of course you can reverse the sequence ;-). Therefore, specs should be as short and concise as possible, omitting any useless blabla. If the specs are sufficently precise and of moderate complexity, we can even try to prove the compatibility of the specifications. 'COMPATIBLE WITH IE' is advertisement, not tech talk.
Conclusion: Mixing up specifications and implementaions is generally a bad thing. Exception: All sentences where a specification and a implementation are mentioned together should have the form:
         Implementation X does [not] conform to specification Y
---------------------------------------------------------------------------------------------------------I have a follow up question, just inspired by yours. It does not especially concern JSF, but web pages in general.
Some time ago, I stumbled over quite a few web sites with big red eye catchers:
OPTIMIZED FOR INTERNET EXPLORER!!!
And really, they did not look good on Netscape Navigator. Now, my question is, what do you think when you hit such a page? My first thoughts (it's long ago) have been:
    - Oh, nice designers. They really care for the majority of people,
      my neighbor uses an IE.
    - They just skiped the work for other browsers and sell this as an
      optimization. And I didn't get it. Very clever.
    - Poor Guys. Probably they had no other browser at hand.
    - Obviously they had publish this tremendously important information
      under pressure, no time to also optimize for others browsers.Wolfgang Oellinger

Cross browser testing : Modifier Keys playback actions not working in chrome and Firefox

Hi,
In my work flow I have to select multiple items in list.So I have recorded 'Ctrl+Click' action to select list items.In Chrome and Firefox it is not selecting multiple Items.
Even Ctrl+A,Ctrl+C,Ctrl+V also not working in chrome and Firefox.Complete modifier keys support is not observed in chrome and Firefox.Let me Know how to automate modifier keys actions in cross browser?
Regards,
Nagasree.

Hi Nagasree,
Welcome to MSDN forums.
First,please make sure the Chrome and Firefox is supported by cross browser testing.
Latest version of Chrome and Firefox supported by cross browser testing are Chrome version 38.0.2125.111 and
Firefox 33.
I doubt whether Chrome and Firefox in cross browser testing don’t support automating modifier keys or there is anything wrong on it if you are using supported browser. Since this issue is related to the Extensions tool
Selenium components for Coded UI Cross Browser Testing, if possible, I suggest you post this
issue here, click “Q AND A”, and then you could post this issue there, you would get dedicated
support there.
Thanks for your understanding.
Best regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

ITunes 7.0.1.8 Freezes Windows when Cover Browser display option selected.

When I select the Cover Browser display option for Music Library the entire operating system freezes within 3 seconds after the button is selected. After rebooting and deleting all music and selecting the option the freeze did not occur. I reimported a CD and tried again and the freeze occured again. ITunes works fine otherwise.
Compaq Presario 2100 Windows XP Pro
Compaq Presario 2100 Windows XP Pro
Compaq Presario 2100 Windows XP Pro

I setup a new user on the computer. The problem does not happen under new user.

Browser display is too large

Please help: For some unknown reason, my Macbook browser display has grown to beyond the edges of my screen.
Thank you

Click the green "+" button at top left - this should make the frame fit within the screen. Then grab frame from the top until you can access the diagonal lines at the bottom right of the browser frame and resize to a smaller size.

Browser display problem in firefox

After reinstall Vibe 3.3 to new server. Browser display problem in firefox. Last column only display half in the table. But IE is display fine. Any suggestion?

Originally Posted by yuenc
Sorry that, our company no planning on upgrade.
And they said no problem before move to new server.
Then you could try the workaround mentioned in comment 6: https://bugzilla.novell.com/show_bug.cgi?id=786587#c6
According to the bug report it was found in 3.3, so either they had this problem before or they used an older version firefox than 16 prior to the server migration.
Thomas

GREAT cross browser javascript xml libriary

Hello !
This cross browser javascript xml libriary, will make work with XML much easier.
I am working on client side javascript at my job, and had to handle some data in big xml files using advanced xpath and this is not problem when dealing with IE but when it comes to Firefox and Opera it become nightmare to finish this job.
Then I decided to write module in javascript that can handle xml query using xpath:
http://www.softxml.com/softxmllib/softxmllib.htm
It supports all known browsers on windows.
It's functions named same as Microsoft.XMLDOM
loadXML,load,selectNodes but supported by all browsers
If any one of you tired too writing javascript/xml for all browsers, then go and download this module!!!!
Thanks

But since the only way (or at least so I think) to pass a
javascript variable to CF is via a javascript
document.location.href redirect (and passing the variables via URL
variables), I have the javascript in the first page redirect and
send the variables to the coldfusion template that then digests the
xml and does a database insert.
You should just do a server-side redirect and avoid
Javascript altogether. As a rule of thumb, one should use
Javascript to manipulate data or presentation at the client end.

Getting the html content before browser displays it

Hi,
I have a nagging problem which i am trying hard to solve.
I have a jsp file which gets hundreds of rows from database. I want to capture the html content before the browser displays that. How can I achieve it. ?
Please tell us the solution as soon as possible. we have stopped the work.
Thanks & Regards,
A S N Murthy
[email protected]
[email protected]

Hi !
continuing with my previous mail...
Is it okay with you if you use save the Data to be rendered in an XML ? (if you just need all the data).
You've written you will have "hundreds of rows from database".
In case you think of saving the data in an XML format, you can have all that data in a structured manner on the server side. And later you could use the XML file in any way you want. i.e. convert it into an html using xalan, etc. or use the XML file to access the data instead of a DB transaction all over again...
I guess this might be a better approach than saving the HTML that will be generated by the JSP.
Anyway, it depends on your requirement.
regards,
Rahul C Tiwary

CSS - Cross Browser Display

Similar Messages

Maybe you are looking for