Difference Between Ie And Firefox

This is a discussion on Difference Between Ie And Firefox, within the CSS section. This forum and the thread "Difference Between Ie And Firefox" are both part of the Designing Your Website category.

Difference Between Ie And Firefox

Options

kela View Member Profile	Apr 11 2008, 09:55 AM Post #1
Fresh Squeezed Posts: 32 Joined: 14-February 08	Hi guys getting rather annoyed with this now as have been doing it for a while just wont work the way i want it to. basically i want it to center on the screen which it is doing on IE but for some reason it will just not go on firefox any ideas. site here thanks in advanced http://www.you-wont.com/

unitedcraig View Member Profile	Apr 11 2008, 10:16 AM Post #2
Squeeze Machine Posts: 560 Joined: 14-February 08 From: Stockport	In your css, change your wrapper values to this CODE margin: 0 auto 0 auto; This should sort it out -------------------- Craig Moran.co.uk Kid Cudi - Kid Named Cudi Free Download Conditional Comments… What are they?

kela View Member Profile	Apr 11 2008, 10:18 AM Post #3
Fresh Squeezed Posts: 32 Joined: 14-February 08	Nope didnt budge.

Craigboy87 View Member Profile	Apr 11 2008, 10:20 AM Post #4
Fresh Squeezed Posts: 32 Joined: 11-April 08 From: South West	hhmm This post has been edited by Craigboy87: Apr 11 2008, 10:27 AM

karinne View Member Profile	Apr 11 2008, 10:42 AM Post #5
Co-Founder Posts: 3,085 Joined: 13-February 08 From: my little igloo up north	That's odd ... when I view it in Firebug, I get a <div> before your <div id="test"> CODE <div style="margin: 0px auto; overflow: hidden;"> <div id="test" style="margin: 0px;"> And so when I add width: 1000px; to it, it works. But then when I do a "View Source", I don't get that div?!? Odd. But that seems to be your problem. I would also validate. Although, you only have 4 errors, 1 of them is quite crucial to fix and might be the problem. -------------------- a web design portfolio \| web non-sense - REDESIGNED! I'm also on: del.icio.us \| flickr \| virb \| facebook \| twitter The Web Squeeze is also on: twitter \| virb \| facebook \| stumbleupon

Craigboy87 View Member Profile	Apr 11 2008, 11:17 AM Post #6
Fresh Squeezed Posts: 32 Joined: 11-April 08 From: South West	CODE <div style="margin: 0px auto; overflow: hidden;"> <div id="test" style="margin: 0px;"> The <div style="margin: 0px auto; overflow: hidden;"> is to do with the toggle down (bluetooth link) i can see the same on firebug too if you click it and view firebug you can see the properties changing.

ejg View Member Profile	Apr 11 2008, 12:24 PM Post #7
Squeezing Posts: 75 Joined: 14-February 08	In order for margin: 0 auto to work the div it is centering needs to have a width declared. That is why it did not work when you put it on the div before <div id=test>. That div (<div style="margin: 0px; overflow: hidden;">) is taking its width from the body which is defaulting to the width of the browser. Since the width of the div is the width of the browser there is nothing to be centered. The <div id=test> does have a width declared in the css (980px). So the margin: 0 auto will center that div. You have the margin-left: auto and margin-right: auto already set in the css but it is being overridden by the inline style declared on <div id=test>. Remove the 'style="margin: 0px"' from <div id=test> and it will center for you.

Craigboy87 View Member Profile	Apr 12 2008, 04:51 AM Post #8
Fresh Squeezed Posts: 32 Joined: 11-April 08 From: South West	QUOTE (ejg @ Apr 11 2008, 01:24 PM) In order for margin: 0 auto to work the div it is centering needs to have a width declared. That is why it did not work when you put it on the div before <div id=test>. That div (<div style="margin: 0px; overflow: hidden;">) is taking its width from the body which is defaulting to the width of the browser. Since the width of the div is the width of the browser there is nothing to be centered. The <div id=test> does have a width declared in the css (980px). So the margin: 0 auto will center that div. You have the margin-left: auto and margin-right: auto already set in the css but it is being overridden by the inline style declared on <div id=test>. Remove the 'style="margin: 0px"' from <div id=test> and it will center for you. i found this to, but If you view source the 'style="margin:0px" is not visable? same when you put it into dreamweaver.. i just cant identify where the inline style is coming from lol

kela View Member Profile	Apr 15 2008, 09:52 AM Post #9
Fresh Squeezed Posts: 32 Joined: 14-February 08	any have any more ideas????

MikeHopley View Member Profile	Apr 15 2008, 10:09 AM Post #10
Squeeze Machine Posts: 677 Joined: 15-February 08 From: UK	Validate your HTML. You have a <div> nesting error: an extra </div> tag that is not connected to any <div> tag. This will cause havoc.

Craigboy87 View Member Profile	Apr 16 2008, 07:27 AM Post #11
Fresh Squeezed Posts: 32 Joined: 11-April 08 From: South West	Ok i have solved it! basically you have a js error well not error but its putting in your inline style witch you get above test. it is in ths toogle.js line 198, basically change this from .setstyle ("margin",0) to .setstyle ("/") and there you go job done upload it check it

If you found The Web Squeeze to be helpful, please donate so we can keep this site FREE, FRESH, and fortified with Web Design & Development info!

1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)

0 Members:

Topic Title	Replies	Topic Starter	Views	Last Action
CSS Css Padding With Rtl Direction In Firefox	9	marSoul	538	14th February 2008 - 08:32 PM Last post by: marSoul
Squeeze Bar Firefox	8	Bridges	367	20th February 2008 - 06:45 PM Last post by: Daygon
Squeeze Bar Useful Firefox Add-ons 12	20	Scott-S	1,184	5th July 2008 - 02:56 PM Last post by: thewal
Squeeze Bar Firefox - Autocomplete	3	Jason	230	14th April 2008 - 01:38 PM Last post by: c010depunkk
Squeeze Bar Firefox Ad-on	6	Linda	218	2nd May 2008 - 10:21 AM Last post by: Linda