Re: [WSG] display differences firefox ie 7.0

[David Dorward]

On 7 Feb 2008, at 10:31, Darren Lovelock wrote:

If you place text-align: center; on the body tag in the CSS and  
then margin: auto; on the first 'container' divider then the web  
page should be centralised in Firefox and IE.


Like this:

body { text-align: center; }
#container { width: 960px; margin: auto; }


If you use that technique, then don't forget to set text-align back  
to left on #container.


... but it is pretty pointless today - IE has supported margin: auto  
for many years now. Just make sure you aren't in quirks mode.


--
David Dorward
http://dorward.me.uk/
http://blog.dorward.me.uk/




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] display differences firefox ie 7.0

[Darren Lovelock]

If you place text-align: center; on the body tag in the CSS and then margin:
auto; on the first 'container' divider then the web page should be
centralised in Firefox and IE.
 
Like this:
 
body { text-align: center; }
#container { width: 960px; margin: auto; } 
 
HTH
 
Darren Lovelock
Munky Online Web Design
 <http://www.munkyonline.co.uk/> http://www.munkyonline.co.uk
T: +44 (0)20-8816-8893

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Thomas Thomassen
Sent: 07 February 2008 07:40
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] display differences firefox ie 7.0


"On having Layout" is a good article that gives good insight to most of IE's
quirks: http://www.satzansatz.de/cssd/onhavinglayout.html

- Original Message - 
From: Joe Ortenzi <mailto:[EMAIL PROTECTED]>  
To: wsg@webstandardsgroup.org 
Sent: Thursday, February 07, 2008 8:14 AM
Subject: Re: [WSG] display differences firefox ie 7.0

MH: 

Someone earlier this week sent a very good presentation that explained a lot
of the problems you are facing. It is quite a long presentation (more of a
lesson really!) but it answers a lot of the problems you are having. There
are also a collection of great links sprinkled through that we could all
find useful in our bookmarks list. 

give it a whirl!

http://www.hotdesign.com/seybold/

Joe

On Feb 6 2008, at 02:10, Michael Horowitz wrote:


I've noticed that my site is centered it ie 7.0 but left justified in
firefox http://terrorfreeamerica.us/.  What are the issues and workarounds
to keep them in sync. In this case I would like it centered both ways but I
would love to know how to do it either way.

Thanks

-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




Joe Ortenzi
[EMAIL PROTECTED]
www.joiz.com



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] display differences firefox ie 7.0

[Thomas Thomassen]

"On having Layout" is a good article that gives good insight to most of IE's 
quirks: http://www.satzansatz.de/cssd/onhavinglayout.html
  - Original Message - 
  From: Joe Ortenzi 
  To: wsg@webstandardsgroup.org 
  Sent: Thursday, February 07, 2008 8:14 AM
  Subject: Re: [WSG] display differences firefox ie 7.0


  MH:


  Someone earlier this week sent a very good presentation that explained a lot 
of the problems you are facing. It is quite a long presentation (more of a 
lesson really!) but it answers a lot of the problems you are having. There are 
also a collection of great links sprinkled through that we could all find 
useful in our bookmarks list.


  give it a whirl!


  http://www.hotdesign.com/seybold/


  Joe


  On Feb 6 2008, at 02:10, Michael Horowitz wrote:


I've noticed that my site is centered it ie 7.0 but left justified in 
firefox http://terrorfreeamerica.us/.  What are the issues and workarounds to 
keep them in sync. In this case I would like it centered both ways but I would 
love to know how to do it either way.


Thanks


-- 
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




  Joe Ortenzi
  [EMAIL PROTECTED]
  www.joiz.com





  ***
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: [EMAIL PROTECTED]
  *** 

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] display differences firefox ie 7.0

[Joe Ortenzi]

MH:

Someone earlier this week sent a very good presentation that  
explained a lot of the problems you are facing. It is quite a long  
presentation (more of a lesson really!) but it answers a lot of the  
problems you are having. There are also a collection of great links  
sprinkled through that we could all find useful in our bookmarks list.


give it a whirl!

http://www.hotdesign.com/seybold/

Joe

On Feb 6 2008, at 02:10, Michael Horowitz wrote:

I've noticed that my site is centered it ie 7.0 but left justified  
in firefox http://terrorfreeamerica.us/.  What are the issues and  
workarounds to keep them in sync. In this case I would like it  
centered both ways but I would love to know how to do it either way.


Thanks

--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Joe Ortenzi
[EMAIL PROTECTED]
www.joiz.com




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] display differences firefox ie 7.0

[Rohini Goyal]

Try
#wrapper {
margin: 0px auto;
}

On Feb 6, 2008 1:10 PM, Michael Horowitz <[EMAIL PROTECTED]>
wrote:

> I've noticed that my site is centered it ie 7.0 but left justified in
> firefox http://terrorfreeamerica.us/.  What are the issues and
> workarounds to keep them in sync. In this case I would like it centered
> both ways but I would love to know how to do it either way.
>
> Thanks
>
> --
> Michael Horowitz
> Your Computer Consultant
> http://yourcomputerconsultant.com
> 561-394-9079
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [EMAIL PROTECTED]
> ***
>
>


-- 
Rohini Goyal.
If you make a copy of your system configuration nine out of ten times, the
tenth time is the only time you'll need it.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] display differences firefox ie 7.0

[veine]

Hello again Michael;

Same story different instance, in this case the wrapper needs to have them, ie.

#wrapper {
 text-align: left;
 margin: 0 auto;
 padding: 0 auto;
 width: 950px;
}

  HTH

~Veine



On 5 Feb 2008 at 21:10, Michael Horowitz wrote:

> I've noticed that my site is centered it ie 7.0 but left justified in 
> firefox http://terrorfreeamerica.us/. 



This communication contains information from Vikberg.Net that may be 
confidential. Except 
for personal use by the intended recipient, or as expressly authorized by the 
sender, any 
person who receives this information is prohibited from disclosing, copying, 
distributing, 
and/or using it. If you have received this communication in error, please 
immediately delete it 
and all copies, and promptly notify the sender. Nothing in this communication 
is intended to 
operate as an electronic signature under applicable law.

© 2008 Vikberg.Net. All rights reserved.


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] display differences firefox ie 7.0

[Christian Snodgrass]

In wrapper, change the margin to be:
margin: 0 auto;

To center block-level elements, you set margin-left: auto and 
margin-right: auto (margin: 0 auto is a shortcut for that). In IE, at 
least IE6, it wrongfully would let you use text-align: center to 
position block level elements. Not sure about IE7. FF only lets you use 
the margin method.


Michael Horowitz wrote:
I've noticed that my site is centered it ie 7.0 but left justified in 
firefox http://terrorfreeamerica.us/.  What are the issues and 
workarounds to keep them in sync. In this case I would like it 
centered both ways but I would love to know how to do it either way.


Thanks




--

Christian Snodgrass
Azure Ronin Web Design
http://www.arwebdesign.net/ 
Phone: 859.816.7955



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] display differences firefox ie 7.0

[Adam Martin]

#wrapper {
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 950px;
}

Cheers
Adam


Michael Horowitz wrote:
I've noticed that my site is centered it ie 7.0 but left justified in 
firefox http://terrorfreeamerica.us/.  What are the issues and 
workarounds to keep them in sync. In this case I would like it 
centered both ways but I would love to know how to do it either way.


Thanks




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] display differences firefox ie 7.0

[Michael Horowitz]

I've noticed that my site is centered it ie 7.0 but left justified in 
firefox http://terrorfreeamerica.us/.  What are the issues and 
workarounds to keep them in sync. In this case I would like it centered 
both ways but I would love to know how to do it either way.


Thanks

--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

RE: [WSG] Display Differences

[Lori Leach]

Georg,

Thank you very much for the time you spent to look at this for me.

I really don't want to use the "quick fix" - so I will try again to do the
one image. I did that before, and it was giving me problems.

The skip nav is not needed - I just grabbed a HTML template from a previous
client I did, and have yet to take that out. Thanks for the reminder.

I really want THAT font (displayed to ALL) that is used for the headers and
the nav and that is why they are images, but I know for accessibility I
really need to bite it and use text nav and H1's for headers..

I will have the list check again once I make the top a full image again.

Thank you again Georg,

Lori Leach
Zenful Creations (under redesign)
http://www.zenfulcreations.com/



It's off in all good browsers...


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**

Re: [WSG] Display Differences

[Patrick H. Lauke]

Gunlaug Sørtun wrote:
Not sure the use of images as headlines, is a good move.
"rocks current projects" sounds nice, but what is the headline?
Some IR or plain text would be better for accessibility.
As the image of the rocks is purely presentational, it should have a 
null alt attribute of alt="", and not "rocks".
--
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

Re: [WSG] Display Differences

[Gunlaug Sørtun]

Lori Leach wrote:
I always code my CSS and check it in Firefox. I have added the box 
hacks to my CSS to fix it for IE5 and IE6 - but now it is just a bit
 off in my right column using Firefox.  I have been racking my brain
 trying to figure what I could have that is wrong in here.

Can someone have a second look so that I can have it right in Firefox
 too...
http://www.zenfulcreations.com/v2/ 
http://www.zenfulcreations.com/v2/c/global.css
It's off in all good browsers...
The quick fix:
#sidebar{
padding: 0;
margin: 0 0 0 515px; /* corrected */
...
}
@media all { /* IE-win only */
* html #sidebar {
margin-left: 512px;
}   
}

The right fix:
Keep that image in one piece as a background or foreground, and position
it on top where you want it. That'll cover up any 3-px offset in IE/win.
--
Next; you can tell me why I should "Skip navigation", when the
navigation is completely non-existent in a non-css/text-only
environment-- or am I missing something more than just the menu-list here?
--
Not sure the use of images as headlines, is a good move.
"rocks current projects" sounds nice, but what is the headline?
Some IR or plain text would be better for accessibility.
regards
Georg
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**

[WSG] Display Differences

[Lori Leach]

I always code my CSS and check it in Firefox. I have added the box hacks to
my CSS to fix it for IE5 and IE6 - but now it is just a bit off in my right
column using Firefox.  I have been racking my brain trying to figure what I
could have that is wrong in here.

Can someone have a second look so that I can have it right in Firefox too...

Thanks for any help...

http://www.zenfulcreations.com/v2/
http://www.zenfulcreations.com/v2/c/global.css

Lori Leach
Zenful Creations
http://www.zenfulcreations.com/


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
**