Stylesheets - ok,if theres a god of css, i'll pray!

Author

ok,if theres a god of css, i'll pray!

Paul Watt

2006-04-05, 7:18 pm

Hi yet again,
first can I say a big load of thanks to everyone who's replyed to my posts
so far, I *think* this should be the last.

I've got the page looking practically perfect in FF but in IE the leftcell
div covers part of the maincontent div. I tried margin-left:-255px; and this
fixs it for IE but in FF the div disapears of the page.

So,
a) is there something i've missed with the posistioning of the leftcell div
?
or
b) is there someway of making FF ignore the margin-left selector in the
style sheet?

TIA

Paul

--
http://www.paulwatt.info

Paul Watt

2006-04-05, 7:18 pm

"Paul Watt" <paulioNOSPAM@wattio.freeserve.co.uk> wrote in message
news:49i7bsFoktgdU1@individual.net...
> Hi yet again,
> first can I say a big load of thanks to everyone who's replyed to my posts
> so far, I *think* this should be the last.
>
> I've got the page looking practically perfect in FF but in IE the leftcell
> div covers part of the maincontent div. I tried margin-left:-255px; and
> this fixs it for IE but in FF the div disapears of the page.
>
> So,
> a) is there something i've missed with the posistioning of the leftcell
> div ?
> or
> b) is there someway of making FF ignore the margin-left selector in the
> style sheet?
>

Ooops forgot the URL: http://www.paulwatt.info/test/turn/ .
http://www.paulwatt.info/test/turn/css/turnlayout.css

GreyWyvern

2006-04-05, 7:18 pm

And lo, Paul Watt didst speak in
alt.html,alt.www.webmaster,comp.infosystems.www....ng.stylesheets:

> "Paul Watt" wrote...
>
>
> Ooops forgot the URL: http://www.paulwatt.info/test/turn/ .
> http://www.paulwatt.info/test/turn/css/turnlayout.css

Paul, this is not a FF problem, it's a MSIE problem, since it looks just
fine in Opera as well. If you must hack, hack it for MSIE, not FF.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com/orca#search - Orca Search: Full-featured
spider and site-search engine

Buzby

2006-04-05, 7:18 pm

Paul Watt

2006-04-05, 7:18 pm

"GreyWyvern" <spam@greywyvern.com> wrote in message
news:op.s7jl6jb0sl6xfd@news.nas.net...
> And lo, Paul Watt didst speak in
> alt.html,alt.www.webmaster,comp.infosystems.www....ng.stylesheets:
>
>
> Paul, this is not a FF problem, it's a MSIE problem, since it looks just
> fine in Opera as well. If you must hack, hack it for MSIE, not FF.
>
> Grey
>

Hi Grey,

Why cant everyone use firefox??
Is there a hack that will allow me have a statement in the stylesheet that
all other browsers will ignore and only be visible for MSIE? All I need is a
margin-left:-255px statement and all my worries will be gone.

cheers

Paul

GreyWyvern

2006-04-05, 7:18 pm

And lo, Paul Watt didst speak in
alt.html,alt.www.webmaster,comp.infosystems.www....ng.stylesheets:

> Hi Grey,
>
> Why cant everyone use firefox??

Because some of us use Opera :P

> Is there a hack that will allow me have a statement in the stylesheet
> that
> all other browsers will ignore and only be visible for MSIE? All I need
> is a
> margin-left:-255px statement and all my worries will be gone.

Look up "MSIE conditional comments" and serve MSIE an additional
stylesheet.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com/orca#search - Orca Search: Full-featured
spider and site-search engine

Jim Higson

2006-04-05, 7:18 pm

> Is there a hack that will allow me have a statement in the stylesheet that
> all other browsers will ignore and only be visible for MSIE? All I need is
> a margin-left:-255px statement and all my worries will be gone.

you can write rules like this:

* html .foo
{ margin-left:-255px;
}

IE is the only browser that thinks there is an element above html when it
looks at css rules, so you can use it for stuff you only want IE to use.

--
Jim

Toby Inkster

2006-04-05, 7:18 pm

Paul Watt wrote:

> I've got the page looking practically perfect in FF but in IE the leftcell
> div covers part of the maincontent div. I tried margin-left:-255px; and this
> fixs it for IE but in FF the div disapears of the page.

Sounds like something I've seen before. Try something like:

* HTML #maincontent { margin-left: -255px; }

It's a hack, and it won't work in IE 7. (But perhaps the big won't appear
in IE 7 anyway? One can but hope.)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Paul Watt

2006-04-05, 7:18 pm

"Toby Inkster" <usenet200604@tobyinkster.co.uk> wrote in message
news:sfbdg3-ppm.ln1@ophelia.g5n.co.uk...
> Paul Watt wrote:
>
>
> Sounds like something I've seen before. Try something like:
>
> * HTML #maincontent { margin-left: -255px; }
>
> It's a hack, and it won't work in IE 7. (But perhaps the big won't appear
> in IE 7 anyway? One can but hope.)
>

Got it sorted. I used the "underscore" hack in the end. _margin-left:-255px;
did the trick

Thanks to all who helped!

Paul

JDS

2006-04-05, 7:18 pm

On Wed, 05 Apr 2006 16:51:30 +0100, Paul Watt wrote:

> So,
> a) is there something i've missed with the posistioning of the leftcell div
> ?
> or
> b) is there someway of making FF ignore the margin-left selector in the
> style sheet?

You already used your last question in an earlier post. Sorry.

--
JDS | jeffrey@example.invalid
| http://www.newtnotes.com
DJMBS | http://newtnotes.com/doctor-jeff-master-brainsurgeon/

Paul Watt

2006-04-05, 7:18 pm

"JDS" <jeffrey@example.invalid> wrote in message
news:pan.2006.04.05.18.35.38.741576@example.invalid...
> On Wed, 05 Apr 2006 16:51:30 +0100, Paul Watt wrote:
>
>
> You already used your last question in an earlier post. Sorry.
>
I obey no mans rules, not even my own :p

dwight.stegall@gmail.com

2006-04-08, 6:43 pm

ie measures the box model differently than the others do. ie measures
from outside border to outside border. other browsers do it differently
and the box model ends up smaller in the other browsers.

here is a flash tutorial on how to fix the box model in ie
http://www.idest.com/csshacks/demos.htm

box model hack examples. click on "Chapter 3: Hiding Css From Newer
Browsers"
http://www.idest.com/csshacks/files.htm

also see
http://centricle.com/ref/css/filters/

this might be a bit intense for a newbie to follow
http://css-discuss.incutio.com/?page=BoxModelHack

if you still don't understand it join http://www.cssdiscuss.org/ it's a
css email list. get a throw away email address just for this list.
you'll get about a dozen emails from them maybe more. they help newbies
and professionals.

kchayka

2006-04-08, 6:43 pm

dwight.stegall@XXXXXXXXXX wrote:
> ie measures the box model differently than the others do.

Um, IE6 in standards mode uses the same W3C-standard box model other
browsers do.

You shouldn't be using quirks mode anyway, which does use the IE5x box
model.

--
Reply email address is a bottomless spam bucket.
Please reply to the group so everyone can share.