/    Sign up×
Community /Pin to ProfileBookmark

Why IE browsers show different layouts

Copy linkTweet thisAlerts:
Oct 25.2006

Hi Everyone,

I am facing the issue and couldn’t figure it out what went wrong. The issue is that IE 6.0 browsers show different layputs, Some IE show layout correctly, but other IE browsers show total differently like following link:

[url]http://tp-bic.uchicago.edu:6060/tram/.download/screenshot1.JPG[/url]
In this case a vertical menu simpley covered by the most left horizotial item.

The corresoind code is here:
[url]http://tp-bic.uchicago.edu:6060/tram/.download/PersonMain.txt[/url]

In second case, one of <td> is very long in folllowing page:
[url]http://tp-bic.uchicago.edu:6060/tram/.download/screenshot3.JPG[/url]

and corresponding code:
[url]http://tp-bic.uchicago.edu:6060/tram/.download/ConsentList.txt[/url]

I will appreciate if anyone could pin point out where I should fix the problem. Thanks in advanced,

to post a comment
CSS

13 Comments(s) ↴

Copy linkTweet thisAlerts:
@ellicottauthorOct 25.2006 — Additional information regarding layout in first case:

code for vertical menu on left side is:

http://tp-bic.uchicago.edu:6060/tram/.download/PersonVertimenu.txt

It has div like

<div id="sidebar" style="position:absolute; left:3em; top:14em; z-index:1; border:1px solid CadetBlue; width: 9em; height: 82%; background-color: CadetBlue;">


The main page has div too:

<div id="clientarea" style="position:relative; left:3em; width: 87%; ">

I am wondering this causes the problem.
Copy linkTweet thisAlerts:
@drhowarddrfineOct 25.2006 — You will never get IE to display like modern browsers without a proper doctype. See my link below. Use html4.01 strict.

After adding that, validate and fix any errors. Can you supply a link?
Copy linkTweet thisAlerts:
@ellicottauthorOct 25.2006 — drhowarddrfine,

The access to the link needs password so I couldn't show it.

I appreciate your helps,
Copy linkTweet thisAlerts:
@ellicottauthorOct 28.2006 — When I use W3C CSS Validator to check my css, it has following message:

# Line: 77 Context : BODY



Invalid number : font-weight medium is not a font-weight value : medium

# Line: 78 Context : BODY



Invalid number : background-color LightGrey is not a color value : LightGrey

I am wondering why medium is not one of font-weight and why LightGrey is not one of color?

Does any one use W3C CSS validator?
Copy linkTweet thisAlerts:
@bathurst_guyOct 28.2006 — I am wondering why medium is not one of font-weight and why LightGrey is not one of color?[/QUOTE]What do you mean you are wondering why. They just aren't. These are the font-weight options:normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900 and for a list of colours visit [url=http://w3schools.com/tags/ref_colornames.asp]HTML Colour Names[/url]
Copy linkTweet thisAlerts:
@ellicottauthorOct 28.2006 — I am confused.


A) I use medium is one of font-weight because the book "Cascading Style Sheets: The Definitive Guide, 2nd Edition by Eric A. Meyer tells so.

? In your reference link, both LightGray and LightGrey are listed.
Copy linkTweet thisAlerts:
@ray326Oct 28.2006 — A) It was probably an editing error. I suspect he meant medium.

? It's really better to specify the colors numerically.
Copy linkTweet thisAlerts:
@NogDogOct 28.2006 — For the list of valid color names, go straight to the source: http://www.w3.org/TR/CSS21/syndata.html#color-units (if you want anything other than those 17 color names, you should use the [b]#FF1234[/b] format or the [b]rgb(255,25,124)[/b] format or the [b]rgb(100%, 20%, 55%)[/b] format).

Likewise for font-weight: http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight (which will be the same as listed above by bathurst_guy).

For a quick start to finding out about any CSS property, start at http://www.w3.org/TR/CSS21/propidx.html .
Copy linkTweet thisAlerts:
@AscendancyOct 28.2006 — 
? It's really better to specify the colors numerically.[/QUOTE]

I agree, I have never seen any professional web designer not use the hexidecimal system.
Copy linkTweet thisAlerts:
@drhowarddrfineOct 28.2006 — Does any one use W3C CSS validator?[/QUOTE] Does anyone not use it? It's the authoritative validator.
Copy linkTweet thisAlerts:
@ellicottauthorOct 29.2006 — You will never get IE to display like modern browsers without a proper doctype. See my link below. Use html4.01 strict.

After adding that, validate and fix any errors. Can you supply a link?[/QUOTE]

drhowarddrfine ,

You mensioned to include doctype many times using:

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

<html lang='en'>

How JSP file can include doctype? I tried and it gave error.

Thanks for the help,
Copy linkTweet thisAlerts:
@drhowarddrfineOct 29.2006 — I don't know Java.
Copy linkTweet thisAlerts:
@ray326Oct 31.2006 — JSP is primarily HTML with additional tags. Here's one that worked just fine with Tomcat 5.0.
[code=html]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Hello</title>
</head>
<body>
<p>Hello, world.</p>
</body>
</html>
[/code]
×

Success!

Help @ellicott spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...