• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 417
  • Last Modified:

how can i maintain uniform presentation in my web page with IE 9 and IE8

hi

im developing a web page.

i need to maintain uniform presentation page with IE8 and IE9, cause i have problem

when i see it with IE9 show correctly the page, but when i see it with IE8 change style with out laterals spaces, also, button lose uniformity

some one coul help me please

thanks a lot
web-site-with-iexplore-9.jpg
web-site-with-iexplore-8.jpg
index.html
portada.jpg
terrazas-ixmiquilpanTranspICo300.gif
BtnInicio.png
BtnProyecto.png
BtnContacto.png
0
tenriquez199
Asked:
tenriquez199
  • 8
  • 3
  • 2
1 Solution
 
Hugh McCurdyCommented:
I suggest you start by doing two things.

1. Add a doctype to the top of your html file.  This one is for HTML5.
<!DOCTYPE html>
<head>

2. Add the CSS zone to this question to get more eyes on the problem.
0
 
COBOLdinosaurCommented:
Yes valid doctype is a start.  

I see other immediate problems:
You have a mix of stylesheets and inlune styling .  Get rid of the inline.
You are using absolute positioning for layout ... bad idea
The javascript at the end of the page is obsolete. The reference to document.layers is for Netscape 4 which died out more than 10 years ago.

Before we try and do anything more you need to fix those.  Validate the CSS and HTML. Then see if you actually have some problems.

You need to be aware that IE8 and IE9 do not always render the same, and you may either have to degrade your design or accept some minor differences.  If you build for IE, you may find that other browsers do not work correctly.

Cd&
0
 
tenriquez199Author Commented:
thanks hmcurrdy

im trying to add that zone to my question..

it is not so easy...

i'm searching how do it?...still i don't find how to do it..

im searching how do it
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
tenriquez199Author Commented:
thanks CBOLOdinosaur

one question.. how can i validate CSS and HTML....is the a tool to do it?

or this action must be manualy
0
 
tenriquez199Author Commented:
thanks CVOBOLdinosaur

i know...we necver same presentation IE8 IE9

i'm trying to obtain best uniformity

thanks a lot a lot
0
 
tenriquez199Author Commented:
Hi COBOLdinosaur

one question

position absoloute with margins set's to  certain %

also.isn't a good idea, or you say me abour other  labels or images?

thanks a lot
0
 
Hugh McCurdyCommented:
HTML validation can be done here

http://validator.w3.org/

CSS validation can be done here

http://jigsaw.w3.org/css-validator/

If you have your page published somewhere, we can help with understanding validator errors.

Perhaps the best way to add a zone is to ask a moderator.  However, you really won't need more eyes on this than you have now (that Cd& showed up).  Having said that, presentation is a CSS issue.
0
 
tenriquez199Author Commented:
thanks ModernMatt
0
 
tenriquez199Author Commented:
thanks hmccurdy, i will test html and csss thanks
0
 
COBOLdinosaurCommented:
We really need a link.  It looks like there is a lot of junk in there and we need to see how things are interacting.

Cd&
0
 
tenriquez199Author Commented:
COBOLdonosaur

thanks a lot

i know i'm bad developer html

i hope help me

the link where i have it is:

www.terrazasixmiquilpan.com.mx

thanks a lot
0
 
COBOLdinosaurCommented:
Okay let's start with the DOCTYPE.

At the start of the page replace <html> with:

<!doctype html>
<html  lang="en">
  <head>
    <meta charset="utf-8">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />

That will give us some consistency.

Now there are serious positioning issues.  Absolute positioning will not work for you.  It does not matter if you use pixels or %, the elements will only position correctly for user who are using the exact same computer, settings, browser and screen size as you.

The correct properties for layout positioning are margin, padding, float, display and a little position.

If you just lock everything in place then the page will not be able to correctly adjust to the users setting and all they will see is a broken page.

Cd&
0
 
tenriquez199Author Commented:
hi CobolDinosaur

thanks a lot

your comments was very useful.

i did some changes on html file, and i post other ticket }


thanks a lot
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 8
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now