Georg: Your answers is so good that I printed them.... great advises. I really appreciated your help. Thank you very much,
Paul ----- Original Message ----- From: "Gunlaug Sørtun" <[email protected]> To: "etsk jung" <[email protected]> Sent: Monday, January 05, 2009 8:31 AM Subject: Re: .content problem > etsk jung wrote: >> Georg: >> >> Thank you very much! I read the DW manual and another book on CSS but in >> vain, it is you solved the problem. >> I am so frustrated why there are no good literature on CSS.... Thank you, >> it is really nice of you to help. >> >> Paul > > Well, Paul, > > I have only read one book on CSS - mentioned here... > > <http://www.gunlaug.no/rips/rips_080903.html> > > ...as my good friend Ingo Chao sent me a free copy. Good book, but not > really anything new to me in it - he borrowed and expanded on some of > my ideas in addition to his own :-) > > There's a lot of literature on how to create both simple and a bit more > advanced layouts with CSS, but no-one would dare try to write about how > to handle all the various browser bugs and other peculiarities. > There are millions of bugs and bug-combinations, and the "map" changes > with each new browser release. Such a book would end up the size of a > phone-book, which would have to be updated every few months. > > > CSS is best learned directly from the source... > > <http://www.w3.org/Style/CSS/#specs> > > ...and tested for support across browser-land. One way to test is > through minimal test pages, like the few I've listed here... > > <http://www.gunlaug.no/contents/wd_1_02_03.html> > > That way you can get a real sense of what works and what doesn't, and > can make choices for what to do with and include in real designs. > The only way to become a good web designer/coder is through practicing, > practicing and more practicing, and even that will only work well if you > apply strict quality control at every step of the way and don't let > anyone throw you off. > > regards > Georg > > >>> Date: Tue, 30 Dec 2008 14:02:18 +0100 >>> From: [email protected] >>> To: [email protected] >>> CC: [email protected] >>> Subject: Re: .content problem >>> >>> Paul Jung wrote: >>> >>>> have been working very hard to find the problem why the map of >>>> http://www.chinafood.sk/ doesn't display correct in IE, it always sinks >>>> to the bottom, please help! >>> To use the correct terminology: it doesn't "sink" - it gets "pushed >>> down" because there's not enough space for it where you want it to stay. >>> All caused by bugs in IE6 (and older). >>> >>> 1: remove or zero out the backside margins on both side-columns - for >>> _all_ browsers. Those margins do nothing but make the layout >>> unnecessarily tight in good browsers, and too tight when IE6' bugs are >>> added. >>> >>> What you need there is this... >>> >>> .thrColFixHdr #sidebar1 {margin-right: 0;} >>> .thrColFixHdr #sidebar2 {margin-left: 0;} >>> >>> >>> 2: the main-column is positioned by its own margins, and IE6 (and older) >>> throws in its "3px-jog" bug as addition to the left margin, and its >>> "auto-expansion" bug to the width affecting the right side margin. >>> >>> The right side margin isn't doing any good in any browser since the >>> main-column has width and self-aligns left where it rides on its left >>> margin, so unless you plan to reverse the document's direction you >>> should serve the following to _all_ browsers... >>> >>> .thrColFixHdr #mainContent {margin-right:0;} >>> >>> >>> 3: now there's only the "3px-jog" bug to take care of in IE6 (and >>> older). >>> >>> Place this in your <!--[if IE]> ... >>> >>> * html .thrColFixHdr #mainContent {margin-left: 302px;} >>> >>> ...which will make IE6 calculate "302px + 3px(bug) = 305px" for the left >>> margin, and align all elements correctly. >>> >>> >>> 4: As mentioned before: the <!--[if IE]> should be rewritten as >>> <!--[if lte IE 7]> >>> As it is now you risk feeding IE8 and all its successors styles they >>> will have no need for, and that can only provoke unknown bugs in the >>> future. >>> >>> >>> 5: go through all pages that may be affected to catch any misalignments, >>> as those IE6 bugs interact with each other and the effects can't be >>> predicted unless all pages contain exactly the same source-code and are >>> affected by exactly the same styling in all the same places. >>> That's not a very likely scenario :-) >>> >>> regards >>> Georg >>> -- >>> http://www.gunlaug.no >> >> _________________________________________________________________ >> Invite your mail contacts to join your friends list with Windows Live >> Spaces. It's easy! >> http://spaces.live.com/spacesapi.aspx?wx_action=create&wx_url=/friends.aspx&mkt=en-us > > > -- > 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
