CSS Margins and Container

CSS Margins and Container

am 08.10.2007 15:54:11 von ragearc

I have a website template, in which ALL its content is inside a id='content'>.
That div has the following CSS:

#container {
width: 90%;
margin-left: auto;
margin-right: auto;
}

In Firefox, it works. All the content is contained properly. In
Internet Explorer 6, it doesn't. Can you tell me what I am doing wrong?

Re: CSS Margins and Container

am 08.10.2007 15:55:58 von ragearc

What I mean is that the content is centered properly in Firefox, but
not in IE.

Re: CSS Margins and Container

am 08.10.2007 17:26:46 von BootNic

Bruno Barros wrote:
news:1191851651.460546.12310@k79g2000hse.googlegroups.com:

> I have a website template, in which ALL its content is inside a > id='content'>.
> That div has the following CSS:
>
> #container {
> width: 90%;
> margin-left: auto;
> margin-right: auto;
> }
>
> In Firefox, it works. All the content is contained properly. In
> Internet Explorer 6, it doesn't. Can you tell me what I am doing
> wrong?

You did not supply a URL.

I would suspect that you have triggered quirks mode in one way or another.
Without a URL it's difficult to say.

--
BootNic Monday October 8, 2007 11:26 AM
The only thing that saves us from the bureaucracy is inefficiency. An
efficient bureaucracy is the greatest threat to liberty.
*Eugene McCarthy *

Re: CSS Margins and Container

am 08.10.2007 17:27:21 von lws4art

Bruno Barros wrote:
> I have a website template, in which ALL its content is inside a > id='content'>.
> That div has the following CSS:
>
> #container {
> width: 90%;
> margin-left: auto;
> margin-right: auto;
> }
>
> In Firefox, it works. All the content is contained properly. In
> Internet Explorer 6, it doesn't. Can you tell me what I am doing wrong?
>

Obviously the problem is not in what you supplied. What is missing is
the URL to the page in question.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Re: CSS Margins and Container

am 09.10.2007 00:31:52 von brunormbarros

Visit http://www.jms-music.co.uk/quattro/ and see for yourself.

Re: CSS Margins and Container

am 09.10.2007 00:35:36 von dorayme

In article ,
BootNic wrote:

> Bruno Barros wrote:
> news:1191851651.460546.12310@k79g2000hse.googlegroups.com:
>
> > I have a website template, in which ALL its content is inside a > > id='content'>.
> > That div has the following CSS:
> >
> > #container {
> > width: 90%;
> > margin-left: auto;
> > margin-right: auto;
> > }
> >
> > In Firefox, it works. All the content is contained properly. In
> > Internet Explorer 6, it doesn't. Can you tell me what I am doing
> > wrong?
>
> You did not supply a URL.
>
> I would suspect that you have triggered quirks mode in one way or another.
> Without a URL it's difficult to say.

OP might care to look at

dnie60/html/cssenhancements.asp>

--
dorayme

Re: CSS Margins and Container

am 09.10.2007 00:50:23 von a.nony.mous

brunormbarros@gmail.com wrote:

> In Firefox, it works. All the content is contained properly. In
> Internet Explorer 6, it doesn't. Can you tell me what I am doing
> wrong?

> Visit http://www.jms-music.co.uk/quattro/ and see for yourself.

Do you think the ancient IE6 understands XHTML 1.1 ?

Modify it and use HTML 4.01 Strict.

Re your statement complaining about the 'template' having all the
content in a

, I would say it is up to you to add proper paragraphs
and so forth when you add your own content.

That includes not abusing

and more.

--
-bts
-Motorcycles defy gravity; cars just suck

Re: CSS Margins and Container

am 09.10.2007 03:21:25 von Neredbojias

Well bust mah britches and call me cheeky, on Mon, 08 Oct 2007 13:54:11 GMT
Bruno Barros scribed:

> I have a website template, in which ALL its content is inside a > id='content'>.
> That div has the following CSS:
>
> #container {
> width: 90%;
> margin-left: auto;
> margin-right: auto;
> }
>
> In Firefox, it works. All the content is contained properly. In
> Internet Explorer 6, it doesn't. Can you tell me what I am doing wrong?

Don't think ie6 understands "margin:auto;".

Best to use a conditional comment and do something like:

width:90%;
margin-left:5%;

or just use this alone.

--
Neredbojias
Half lies are worth twice as much as whole lies.

Re: CSS Margins and Container

am 09.10.2007 03:28:39 von Nick Theodorakis

On Oct 8, 5:31 pm, brunormbar...@gmail.com wrote:
> Visithttp://www.jms-music.co.uk/quattro/and see for yourself.

IE does not know how to properly horizontally center blocks in Quirks
mode. (Actually Firefox doesn't either, but your document is in
Standards mode for Firefox.) The reason that it is in Quirk mode for
IE is that the presence of an xml prolog puts IE into Quirks mode.
See:



Nick


--
Nick Theodorakis
nick_theodorakis@hotmail.com
contact form:
http://theodorakis.net/contact.html

Re: CSS Margins and Container

am 09.10.2007 03:43:19 von dorayme

In article
<1191851651.460546.12310@k79g2000hse.googlegroups.com>,
Bruno Barros wrote:

> I have a website template, in which ALL its content is inside a > id='content'>.
> That div has the following CSS:
>
> #container {
> width: 90%;
> margin-left: auto;
> margin-right: auto;
> }
>
> In Firefox, it works. All the content is contained properly. In
> Internet Explorer 6, it doesn't. Can you tell me what I am doing wrong?

I have now found the best reference for you to read, could not
find it last time I posted:



--
dorayme

Re: CSS Margins and Container

am 10.10.2007 08:34:53 von zacariaz

On 9 Okt., 03:28, Nick Theodorakis
wrote:
> On Oct 8, 5:31 pm, brunormbar...@gmail.com wrote:
>
> > Visithttp://www.jms-music.co.uk/quattro/andsee for yourself.
>
> IE does not know how to properly horizontally center blocks in Quirks
> mode. (Actually Firefox doesn't either, but your document is in
> Standards mode for Firefox.) The reason that it is in Quirk mode for
> IE is that the presence of an xml prolog puts IE into Quirks mode.
> See:
>
>
>
> Nick
>
> --
> Nick Theodorakis
> nick_theodora...@hotmail.com
> contact form:http://theodorakis.net/contact.html

xhtml 1.1 is a BAD idea.

I am using tha same concept on the site im currently working on, im
using xhtml1.0 strict and it work both in firefox and IE 6.

www.g33kz-inn.org/test/index.htm

Re: CSS Margins and Container

am 10.10.2007 08:37:31 von zacariaz

On 10 Okt., 08:34, zacar...@gmail.com wrote:
> On 9 Okt., 03:28, Nick Theodorakis
> wrote:
>
>
>
>
>
> > On Oct 8, 5:31 pm, brunormbar...@gmail.com wrote:
>
> > > Visithttp://www.jms-music.co.uk/quattro/andseefor yourself.
>
> > IE does not know how to properly horizontally center blocks in Quirks
> > mode. (Actually Firefox doesn't either, but your document is in
> > Standards mode for Firefox.) The reason that it is in Quirk mode for
> > IE is that the presence of an xml prolog puts IE into Quirks mode.
> > See:
>
> >
>
> > Nick
>
> > --
> > Nick Theodorakis
> > nick_theodora...@hotmail.com
> > contact form:http://theodorakis.net/contact.html
>
> xhtml 1.1 is a BAD idea.
>
> I am using tha same concept on the site im currently working on, im
> using xhtml1.0 strict and it work both in firefox and IE 6.
>
> www.g33kz-inn.org/test/index.htm- Skjul tekst i anf=F8rselstegn -
>
> - Vis tekst i anf=F8rselstegn -

edit:
www.g33kz-inn.org/test/include/css/style.css

Re: CSS Margins and Container

am 10.10.2007 08:38:26 von zacariaz

On 10 Okt., 08:37, zacar...@gmail.com wrote:
> On 10 Okt., 08:34, zacar...@gmail.com wrote:
>
>
>
>
>
> > On 9 Okt., 03:28, Nick Theodorakis
> > wrote:
>
> > > On Oct 8, 5:31 pm, brunormbar...@gmail.com wrote:
>
> > > > Visithttp://www.jms-music.co.uk/quattro/andseeforyourself.
>
> > > IE does not know how to properly horizontally center blocks in Quirks
> > > mode. (Actually Firefox doesn't either, but your document is in
> > > Standards mode for Firefox.) The reason that it is in Quirk mode for
> > > IE is that the presence of an xml prolog puts IE into Quirks mode.
> > > See:
>
> > >
>
> > > Nick
>
> > > --
> > > Nick Theodorakis
> > > nick_theodora...@hotmail.com
> > > contact form:http://theodorakis.net/contact.html
>
> > xhtml 1.1 is a BAD idea.
>
> > I am using tha same concept on the site im currently working on, im
> > using xhtml1.0 strict and it work both in firefox and IE 6.
>
> >www.g33kz-inn.org/test/index.htm-Skjul tekst i anf=F8rselstegn -
>
> > - Vis tekst i anf=F8rselstegn -
>
> edit:www.g33kz-inn.org/test/include/css/style.css- Skjul tekst i anf=F8rs=
elstegn -
>
> - Vis tekst i anf=F8rselstegn -

edit edit:
www.g33kz-inn.org/test/includes/css/style.css