Re: [css-d] Holy Grail Alternatives
>>> On 11/28/2007 at 4:32 PM, "Ann Randall" <[EMAIL PROTECTED]> wrote: All right, I've redone my site prototype using an alternative to the ALA "Holy Grail." I think this is kind of an amalgamation of these two: http://www.alistapart.com/articles/negativemargins/ http://blog.html.it/layoutgala/LayoutGala13.html ...plus a couple variations. I'm away from the office and don't have any Windows machines at hand at the moment, and since IE was where my original site broke, I was wondering if someone could check this on IE6 and maybe IE7 on Windows. I haven't verified the coding yet but am going to do that right now. Thanks! Ann Well, I checked it myself this morning, and it looks awful in IE 7. I think the problem is with declaring any positional variables. In this case, I positioned the banner. If I come up with a solution I will share it, as I'm guessing others may wish to position the top as well. Meanwhile, any suggestions? Ann Ann Randall, Faculty Support and Projects Coordinator Distance Education, Extended Studies 1910 University Drive-MS 1120 Boise ID 83725-1120 Phone: 208.426.4223 Fax: 208.426.3467 http://www.boisestate.edu/distance/ __ 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/
Re: [css-d] Holy Grail Alternatives
>>> On 11/29/2007 at 8:40 AM, "Ann Randall" <[EMAIL PROTECTED]> wrote: >>> On 11/28/2007 at 4:32 PM, "Ann Randall" <[EMAIL PROTECTED]> wrote: All right, I've redone my site prototype using an alternative to the ALA "Holy Grail." I think this is kind of an amalgamation of these two: http://www.alistapart.com/articles/negativemargins/ http://blog.html.it/layoutgala/LayoutGala13.html ...plus a couple variations. I'm away from the office and don't have any Windows machines at hand at the moment, and since IE was where my original site broke, I was wondering if someone could check this on IE6 and maybe IE7 on Windows. I haven't verified the coding yet but am going to do that right now. Thanks! Ann Well, I checked it myself this morning, and it looks awful in IE 7. I think the problem is with declaring any positional variables. In this case, I positioned the banner. If I come up with a solution I will share it, as I'm guessing others may wish to position the top as well. Meanwhile, any suggestions? Ann Ann Randall, Faculty Support and Projects Coordinator Distance Education, Extended Studies 1910 University Drive-MS 1120 Boise ID 83725-1120 Geez, just realized I forgot to include my site links: http://izann.com/studentservices/elearn/ http://izann.com/studentservices/ http://izann.com/studentservices/styles/main.css -- Ann __ 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/
Re: [css-d] Holy Grail Alternatives
IE 6... Header overlaps the content/left sidebar. Right sidebar is at the top of the Header section.Ernie :)) > Date: Thu, 29 Nov 2007 08:47:39 -0700> From: [EMAIL PROTECTED]> To: > css-d@lists.css-discuss.org> Subject: Re: [css-d] Holy Grail Alternatives> > > >>> On 11/29/2007 at 8:40 AM, "Ann Randall" <[EMAIL PROTECTED]>> wrote:> >>> > On 11/28/2007 at 4:32 PM, "Ann Randall"> <[EMAIL PROTECTED]>> wrote:> All > right, I've redone my site prototype using an alternative to the> ALA "Holy > Grail." I think this is kind of an amalgamation of these > two:> > http://www.alistapart.com/articles/negativemargins/ > > http://blog.html.it/layoutgala/LayoutGala13.html > ...plus a couple > variations. I'm away from the office and don't have> any Windows machines at > hand at the moment, and since IE was > where my original site broke, I was > wondering if someone could > check this on IE6 and maybe IE7 on Windows. I > haven't verified > the coding yet but am going to do that right now. Thanks!> > Ann> > > Well, I checked it myself this morning, and it looks awful in IE 7. > I> think the problem is with declaring any positional variables. In this> > case, I positioned the banner. If I come up with a solution I will > share > it, as I'm guessing others may wish to position the top as > well. Meanwhile, > any suggestions?> > Ann> > Ann Randall, Faculty Support and Projects > Coordinator> Distance Education, Extended Studies> 1910 University Drive-MS > 1120> Boise ID 83725-1120> > > Geez, just realized I forgot to include my > site links:> http://izann.com/studentservices/elearn/ > > http://izann.com/studentservices/ > > http://izann.com/studentservices/styles/main.css > --> Ann> > > > __> > 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/ _ You keep typing, we keep giving. Download Messenger and join the i’m Initiative now. http://im.live.com/messenger/im/home/?source=TAGLM __ 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/
Re: [css-d] Holy Grail Alternatives
See below... Ann >>> On 11/29/2007 at 10:29 AM, Ernie Finlay <[EMAIL PROTECTED]> wrote: IE 6... Header overlaps the content/left sidebar. Right sidebar is at the top of the Header section. Ernie :)) = = = = = = = = = = = = = = = = = = = = > Date: Thu, 29 Nov 2007 08:47:39 -0700 > From: [EMAIL PROTECTED] > To: css-d@lists.css-discuss.org > Subject: Re: [css-d] Holy Grail Alternatives > > >>> On 11/29/2007 at 8:40 AM, "Ann Randall" <[EMAIL PROTECTED]> > wrote: > >>> On 11/28/2007 at 4:32 PM, "Ann Randall" > <[EMAIL PROTECTED]> > wrote: > All right, I've redone my site prototype using an alternative to the > ALA "Holy Grail." I think this is kind of an amalgamation of these > two: > http://www.alistapart.com/articles/negativemargins/ > http://blog.html.it/layoutgala/LayoutGala13.html > ...plus a couple variations. I'm away from the office and don't have > any Windows machines at hand at the moment, and since IE was > where my original site broke, I was wondering if someone could > check this on IE6 and maybe IE7 on Windows. I haven't verified > the coding yet but am going to do that right now. Thanks! > Ann > > > Well, I checked it myself this morning, and it looks awful in IE 7. I > think the problem is with declaring any positional variables. In this > case, I positioned the banner. If I come up with a solution I will > share it, as I'm guessing others may wish to position the top as > well. Meanwhile, any suggestions? > > Ann > > Ann Randall, Faculty Support and Projects Coordinator > Distance Education, Extended Studies > 1910 University Drive-MS 1120 > Boise ID 83725-1120 > > > Geez, just realized I forgot to include my site links: > http://izann.com/studentservices/elearn/ > http://izann.com/studentservices/ > http://izann.com/studentservices/styles/main.css > -- > Ann Thanks, Ernie. I think it is Okay now. This fix seems too easy, but it seems to work. I changed margin-top: 40px in the container div that goes below the banner into padding-top: 40px. -- Ann = = __ 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/
Re: [css-d] Holy Grail Alternatives
On Nov 28, 2007 6:32 PM, Ann Randall <[EMAIL PROTECTED]> wrote: > All right, I've redone my site prototype using an alternative to the ALA > "Holy Grail." I think this is kind of an amalgamation of these two: > http://www.alistapart.com/articles/negativemargins/ > http://blog.html.it/layoutgala/LayoutGala13.html > ...plus a couple variations. I'm away from the office and don't have any > Windows machines at hand at the moment, and since IE was where my > original site broke, I was wondering if someone could check this on IE6 > and maybe IE7 on Windows. I haven't verified the coding yet but am going > to do that right now. Thanks! Ann > On IE7 your left navigation ripples. A height or margin/padding or font change? The "Internet instruction" list is peculiarly positioned compared to Fire Fox. Most importantly, your flyout menu doesn't work in IE6. The technique works fine in modern browsers and even IE7. For IE6 you'll need to use one of several possible tricks. Two of the standard sources are: http://www.cssplay.co.uk/menus/ http://www.positioniseverything.net/css-flyout.html drew __ 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/
