...

View Full Version : All Round Problems - Only in IE



Gilligan
01-06-2008, 09:48 PM
Code works and looks fine in Mozilla Firefox. But is seriously bad in Internet Explorer. Haven't tried any other browsers simply because I don't have them installed.

http://easy-tv.org/gilligan/new/featured.htm

This is just ONE of the many pages i am having problems with. I made many more pages with the same template. But because i was using firefox for this, i didn't notice the problems until now.

The URL looks fine in Firefox. Looks exactly how it should. But when it is tried in internet explorer, ALL the page messes up, big time.

Heres the external CSS.

http://easy-tv.org/gilligan/new/style.css

Gilligan
01-07-2008, 10:27 PM
Can anybody help me please?

jcdevelopment
01-07-2008, 11:35 PM
I dont have any quick fixes for this, i was editing it in CSSVista, but alas i couldnt figure it out. The best thing i can suggest is to view and correct the validation errors. There were a few that might giv IE some problems, just correct them and see what happens then... Good Luck!!

Gilligan
01-08-2008, 04:44 PM
Corrected the validation errors and it made it WORSE.

Excavator
01-08-2008, 06:06 PM
I still see 23 errors. You still need to fix them. I know it looks worse at first but there are many other problems causing that and, if you can fix them, you will appreciate having valid code.

Just for starters I see some very confusing CSS. In style2.css you style #nav and the ul inside it.
You also style #nav and it's ul in embedded CSS inside the head of the document. That styling is taking precedence but you should really get rid of one or the other.


<div class="t2"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
<ul>
That kind of looks like you converted this from tables? I'm not sure what you're trying to do with so many nested divs. I think one container div is all that is needed here. Like this:

<div class="t2">
<ul>
<ul>
<li><a ...


</div> <center>
<div class="t"><div class="b"><div class="l"><div class
Take that out and center .t with CSS instead.

.t {
background: url(dot.gif) 0 0 repeat-x;
width: 55&#37;;
float: left;
margin-top:5px;
margin-bottom:30px;
}Then you have the nested divs again...

Considering your left menu, whatever your sorting movies with, so many pages... all of this makes for a very complicated website that is in serious trouble. Like jcdevelopment, I don't see a quick or easy fix either. If it was mine, I'd start over. Sorry I'm not more help.

effpeetee
01-08-2008, 06:10 PM
Which version of IE?

Frank

Gilligan
01-08-2008, 06:57 PM
I still see 23 errors. You still need to fix them. I know it looks worse at first but there are many other problems causing that and, if you can fix them, you will appreciate having valid code.

Just for starters I see some very confusing CSS. In style2.css you style #nav and the ul inside it.
You also style #nav and it's ul in embedded CSS inside the head of the document. That styling is taking precedence but you should really get rid of one or the other.


<div class="t2"><div class="b"><div class="l"><div class="r"><div class="bl"><div class="br"><div class="tl"><div class="tr">
<ul>
That kind of looks like you converted this from tables? I'm not sure what you're trying to do with so many nested divs. I think one container div is all that is needed here. Like this:

<div class="t2">
<ul>
<ul>
<li><a ...


</div> <center>
<div class="t"><div class="b"><div class="l"><div class
Take that out and center .t with CSS instead.

.t {
background: url(dot.gif) 0 0 repeat-x;
width: 55%;
float: left;
margin-top:5px;
margin-bottom:30px;
}Then you have the nested divs again...

Considering your left menu, whatever your sorting movies with, so many pages... all of this makes for a very complicated website that is in serious trouble. Like jcdevelopment, I don't see a quick or easy fix either. If it was mine, I'd start over. Sorry I'm not more help.

I fixed the errors, but have not uploaded them.

The nested divs are for curved edges, each class contains a different part (4 for corners, 4 for borders). But on that not i realize i code just do


<div class="t2 b l r bl br tl tr">

As for the menu on the left, i am using sub menus.

http://tutorials.alsacreations.com/modelesmenus/vd2.htm

^^ Not using the one above, but thats just an example.


Which version of IE?

Frank

Internet Explorer 7

JudyDesign
01-08-2008, 07:07 PM
Just for your reference, are you developing on Windows? If you have Windows XP, you can download something called "Multiple IEs" here, (http://tredosoft.com/Multiple_IE) and run everything back to Internet Explorer 3, if you feel so inclined. Or if you're developing on Vista (like I am), Microsoft offers Virtual PC drives with Windows XP on it for free, with Internet Explorer 6 for the sole purpose of designing for IE6. Then, install Multiple IE's on that. ;-)

Gilligan
01-09-2008, 06:43 PM
Thanks for the tip, any other views on this?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum