Different outcomes in IE / FF?

This is a discussion on "Different outcomes in IE / FF?" within the Web Page Design section. This forum, and the thread "Different outcomes in IE / FF? are both part of the Design Your Website category.



 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1  
Old Sep 22nd, 2006, 18:14
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Different outcomes in IE / FF?

http://www.gtainformer.com/

I've started to make my layout CSS, I first started with the left & right navigations, now in firefox they work fine, but in IE there either to small or two big?

http://www.gtainformer.com/style.css

Quote:
.navigation {
width:112px;
border: 1px solid #000000;
border-top: none;
padding:3px;
text-align:left;
background: #b3b3b3;
}
I had the width one 120px, that made it work in IE but not FF.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Sep 22nd, 2006, 18:22
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Different outcomes in IE / FF?

conditional comments are your friend here. It is good practice to make a stylesheet just for "IE Hacks" as IE is a stinky head. FF and IE interpret things differently, so to FF the values are correct, to IE and its retardedness it reads it and incorrectly outputs it.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Sep 22nd, 2006, 18:31
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

How would i do that? Is there any place i can learn it?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Sep 22nd, 2006, 18:32
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Different outcomes in IE / FF?

http://www.javascriptkit.com/howto/cc2.shtml

So something like:
<!--[if IE]>
<style type=""text/css">
.navigation {
width:200px;
border: 1px solid #000000;
border-top: none;
padding:3px;
text-align:left;
background: #b3b3b3;
}
</style>
<![endif]-->

Or you could link to another external style sheet etc..
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; Sep 22nd, 2006 at 19:08.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Sep 22nd, 2006, 19:04
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

Thanks!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Sep 22nd, 2006, 19:18
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

Ok, one last thing and i think i could do everything else myself, in FF the menus are fine, in IE theres a little break between the navigation links and the image...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Sep 22nd, 2006, 19:37
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Different outcomes in IE / FF?

Doesn't look that bad, just set the background of the div to the same color and it should hide it.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Sep 22nd, 2006, 20:03
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?



It already is i think, but there's a tiny space, could this be padding or something?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Sep 22nd, 2006, 21:22
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

Just had a look at your site - lot going on. Some quite cool stuff too like where you have the little images blending in behind the menu blocks.

I understand you are just getting going with the css and I hope that as part of converting your page you are going to get rid of all those table structures used for layout purposes.

Your page does not validate at the moment. My developer extentions in Firefox are showing errors by the shed load. The W3C validator could not validate the page at all because it was making assumptions that proved false.

This was because you don't have a DOCTYPE at the start of your code. Fix this first as errors can have a cascade effect.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Sep 22nd, 2006, 21:40
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

Where can i find the doctype code? I don't know it off by heart, also i'm living in cornwall too, where abouts are you? I'm just near threemilestone & go to Truro College.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Sep 23rd, 2006, 13:42
Most Reputable Member
Join Date: Apr 2006
Location: Cornwall, UK
Posts: 1,310
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

Have a look here:
http://www.w3schools.com/tags/tag_doctype.asp

You should be thinking of using xhtml either strict or transitional.

I'm in Saltash.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Sep 23rd, 2006, 14:29
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Different outcomes in IE / FF?

Heh, when i done that most of the site had spaces below everything, like the tables and such. Probably because it's not valid and thats how you spot the errors(IDK), also it made it all bold, I'm going to make as much as i can CSS then make it all valid, also alot of the tables are from cutenews.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
different, outcomes

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 11:59.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42