Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Difference in rendering firefox and IE
Old 05-10-2010, 02:11 PM Difference in rendering firefox and IE
Novice Talker

Posts: 5
Name: muneer
Trades: 0
Hi im try to solve this problem where firefox makes a space in between the menu and IE does not. I just need IE to also have the space between.

The site is www.cubetec.co.za/wordpress

I uploaded the css file.
I think the problem lies in #navmenu,#content, or #cpadding

Thanks
Attached Files
File Type: zip css.zip (3.2 KB, 0 views)
mooey1232003 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-10-2010, 02:22 PM Re: Difference in rendering firefox and IE
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
You have a mess at the top of your page where the DOCTYPE is SUPPOSED to be - and it's not. The rendered code looks like this:

Quote:
<style type="text/css">
<!--
body {
background-image: url();
}
-->
</style><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">



<link href="*.css" rel="stylesheet" type="text/css" />
<head profile="http://gmpg.org/xfn/11">
That <style> block does NOT belong there, it belongs INSIDE the <head> section, as does the <link> tag, which is also in the wrong place.

IE is rendering in QUIRKS mode because it does not see a valid DOCTYPE - and neither does Firefox.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-10-2010, 02:54 PM Re: Difference in rendering firefox and IE
lynxus's Avatar
Awesomeo-Maximo

Posts: 1,618
Location: UK
Trades: 1
Yeah, you need to make sure the page isnt rendered in quirks mode.

If it runs quirks then CSS widths etc are handled by an old broken algorithm and misshapes stuff.

Once you get it to render correctly ( as ladynred ) states all should be fine as IE / Firefox will use correct positioning
__________________

Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE


lynxus is offline
Reply With Quote
View Public Profile Visit lynxus's homepage!
 
Old 05-11-2010, 12:16 PM Re: Difference in rendering firefox and IE
Novice Talker

Posts: 5
Name: muneer
Trades: 0
Thanks guys it worked.

You wouldn't know why the user name and password textbox is not the same size in IE but in FF they are both the same size?

Last edited by mooey1232003; 05-11-2010 at 12:19 PM..
mooey1232003 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Difference in rendering firefox and IE
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.24524 seconds with 13 queries