RE: offlist Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Dennis Bixler]

Other than differences in the base font sizes I don't see any
differences between IE6win and Firefox 1.0.4.

Dennis

-Original Message-
From: Daniel Doesburg [mailto:[EMAIL PROTECTED] 
Sent: Thursday, June 30, 2005 3:30 PM
To: Ingo Chao; css-d@lists.css-discuss.org
Subject: Re: offlist Re: [css-d] Who is wrong? I would say: Firefox!? <
- - Extended - - >

Ingo Chao schreef:
> Daniel,
> If it is not too much trouble, could you please move your code to your

> site and provide just an URL?
> 

Yes of course, I am willing to do all what's necessary to solve it.

It's now on http://test.doesburg.biz/test1.html

The problem is that IE looks (I did not said it renders all well) good.
How can I get Firefox does the same?


Hope you can help me.





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: offlist Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Bryce Fields]

On 6/30/05, Daniel Doesburg <[EMAIL PROTECTED]> wrote:
> Ingo Chao schreef:
> > Daniel,
> > If it is not too much trouble, could you please move your code to your
> > site and provide just an URL?
> >
> 
> Yes of course, I am willing to do all what's necessary to solve it.

I've been tangentially following this conversation, so forgive me if
this has already been answered clearly, but I don't recall that it
has.  I understand that you've said you're hesitant to use a doctype
because you're wanting to avoid standards mode, but why?  If throwing
browsers into strict mode will solve your problem of visual
conformance, what possible reason could there not be to do it?

Still, if you INSIST on going w/o a strict doctype, your problem
appears to be box model related.  What I would do if I were you would
be to craft your code to make the less buggy browser (Firefox) look
the way you desire, then use CSS hacks to get the more buggy browser
(IE) to do the same thing.

-- 
Bryce Fields, Webmaster
Where I Work: Kentucky Council on Postsecondary Education
Where I Play: www.royalrodent.com

"Do or do not! There is no try!" -- Yoda



> The problem is that IE looks (I did not said it renders all well) good.
> How can I get Firefox does the same?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Zoe M. Gillenwater]

Daniel Doesburg wrote:


Brian Cummiskey schreef:


you're in quirks mode.
try a full w3 spec DTD and see what happens.




Thanks Brian. But if I want to stay in the quirks mode for other
reasons, is there also an other solution for this problem?



Do you just want IE in quirks mode, or all browsers?  If you just want 
IE in quirks mode, and you're using XHTML, just add something above the 
doctype at the top of the page.  An XML prologue or comment will do.  
Then you can use a full doctype and let the other browsers use standards 
mode.


Zoe

--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: offlist Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Daniel Doesburg]

Ingo Chao schreef:

Daniel,
If it is not too much trouble, could you please move your code to your 
site and provide just an URL?




Yes of course, I am willing to do all what's necessary to solve it.

It's now on http://test.doesburg.biz/test1.html

The problem is that IE looks (I did not said it renders all well) good.
How can I get Firefox does the same?


Hope you can help me.





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Kelly Miller]

If you want the honest truth, I'd bet most of your problems come from 
giving the browser both a width and a min-width (and same with height 
and min-height).


IE ignores min-height, and treats height as if it were min-height.  
Firefox, on the other hand, will use height literally.  Try giving most 
browsers min-height and only giving IE height, and see if that gives you 
a better result.


--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Ingo Chao]

Daniel Doesburg schrieb:

Yes of course, I am willing to do all what's necessary to solve it.

Thank you.


It's now on http://test.doesburg.biz/test1.html
The problem is that IE looks (I did not said it renders all well) good.
How can I get Firefox does the same?


Forget IE6 for a moment.

Fx problems:
# lime background does not extend: have a (re-)read here
http://www.complexspiral.com/publications/containing-floats

# headers do not align vertically: zero the default-margin top for h1, 
h2, h3


# each .wrapper2 drops under .wrapper1: you'll have to set a width:49% 
for that floats too.


# general: assuming the lime background is not the story's end, read
Zoe's liquid faux columns article
http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58

consider using the other 50% of the screen to bring some white space 
between your columns. It's just to tight fitting, your layout. Someone 
for sure has to zoom your text, and in the end, he will get one word per 
line in that tall columns.


once the layout is more or less determined in a compliant browser like 
Fx or Opera8, you'll have to look again in IE6 and fix the bugs.


Maybe at this point, your answer could be: "I would say: IE!?", too. But 
that is not important.


Ingo




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Gunlaug Sørtun]

Firefox is doing just fine :-)

Daniel Doesburg wrote:


How can I make that Firefox looks the same as IE.


The simplest way is to give Firefox complete CSS, and keep IE/win-code
from polluting it.

I've added some, and used the 'leading underscore' hack to feed IE/win.
Use any hack you like...

#wrapper{min-width:600px;min-height:600px;width:600px;_height:600px;background:lime;
float: left;}
#wrappera{width:49%;_height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;_height:100px;min-height:100px;float:right;}
.wrapper1{color:white;width: 49%;float:left;}
.wrapper2{color:blue;width: 49%;float:right;}

... the rest will do as is - on a test page. A real page would look
better with a doctype and a slight clean-up.

regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Daniel Doesburg]

Hi list,

My problem becomes more and more complex.

Look at this.

How can I make that Firefox looks the same as IE.


Regards,

Daniel




Test

#wrapper{min-width:600px;min-height:600px;width:600px;height:600px;background:lime;}
#wrappera{width:49%;height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;height:100px;min-height:100px;float:right;}
.wrapper1{color:white;width: 49%;float:left;}
.wrapper2{color:blue;float:right;}

Re: [css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Martin Heiden schreef:

Daniel,

The problem is caused by the uncleared floats above the header. The
floats are removed from normal flow, so that the #head starts at the
top. It is the first element in normal flow. The content of #head is
pressed down by the floats, which causes the div to expand.

Add clear:both; to #head and you clear the float for pushing all
following content in normal flow under #wrappera and #wrapperb.


Thanks, that's the trick.


By the way: Use a valid doctype to put firefox into standards mode or
you will notice loads of uncontrolable cross-browser differences in
rendering.


Yes, I know.


Regards,

Daniel

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Eric Ladner schreef:
Looks right to me.  You have wrappera and wrapperb floated inside the 
"wrapper" and don't specify a background color for them.  When header is 
drawn, it takes up the top part of "wrapper" and the a/b wrappers are 
floating above that.


You didn't specify a background on the floats and background doesn't 
inherit from the parent so the background is transparent.  Firefox is 
correct and IE is wrong


If you want the floats to have the same background color as the outer 
div, add a "background: inherit" to wrappera and wrapperb.



Hi Eric,
Thanks for your answer.
I would make a header with a yellow background and a borderline above. 
But the line moves to the top of the page.

Change it to this and see what I mean:
#head{background:yellow;border-top: 2px solid black;}

Hope you have an answer.

Daniel








Test


#wrapper{min-width:250px;min-height:250px;width:250px;height:250px;background:blue;}
#wrappera{width:49%;height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;height:100px;min-height:100px;float:right;}
#head{background:yellow;}



  
LEFT
RIGHT
HEADER
  



__
css-discuss [EMAIL PROTECTED]
]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org  --
http://www.evolt.org/help_support_evolt/




--
Eric Ladner

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Brian Cummiskey schreef:

you're in quirks mode.
try a full w3 spec DTD and see what happens.



Thanks Brian. But if I want to stay in the quirks mode for other
reasons, is there also an other solution for this problem?

Daniel


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Martin Heiden]

Daniel,

> This HTML looks as I wish if I use IE but it has a strange behavior in
> Firefox.
> The background color of the header flows ahead to the top of the both
> blocks above the head.

The problem is caused by the uncleared floats above the header. The
floats are removed from normal flow, so that the #head starts at the
top. It is the first element in normal flow. The content of #head is
pressed down by the floats, which causes the div to expand.

Add clear:both; to #head and you clear the float for pushing all
following content in normal flow under #wrappera and #wrapperb.

By the way: Use a valid doctype to put firefox into standards mode or
you will notice loads of uncontrolable cross-browser differences in
rendering.

regards,

  Martin

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Hi list,

This HTML looks as I wish if I use IE but it has a strange behavior in 
Firefox.
The background color of the header flows ahead to the top of the both 
blocks above the head.


Is this a known problem and is there somewhere a known solution?

Regards,

Daniel




Test