Web Design Forums

Dusteh · 31-01-2008, 06:29

I've found Meyers doesn't actually reset everything in IE - I use the Yahoo one, with Meyers onfocus bit tacked on the end.

I keep it as a seperate reset.css and don't modify it at all - just override it with a second stylesheet.

herkalees · 31-01-2008, 06:40

Quote:

Originally Posted by twentysixtwelve

Bit of a daft question here... do you add the reset css to your overall stylesheet, or do you create a reset.css and link to it?

In my HTML, I link to one style sheet, like so:

HTML Code:

<link rel="stylesheet" type="text/css" href="styles/screen-main.css" media="screen, print" />

Then, within the above stylesheet (screen-main.css), I import the reset stylesheet on the very top line, like so:

HTML Code:

@import url("reset.css");

...All other style selectors are here...

twentysixtwelve · 31-01-2008, 06:48

Cool.

Shiro · 31-01-2008, 07:16

Interesting Herk - why do you take that approach?

Limbo · 31-01-2008, 08:14

so it doesn't bog the sheet for edits?

Limbo · 31-01-2008, 08:18

Eric's Archived Thoughts: Resetting Again

herkalees · 31-01-2008, 08:19

Quote:

Originally Posted by haku

Interesting Herk - why do you take that approach?

The alternative seems clutterish to me - having two separate <link ... elements in the head element.

Unless there's a third alternative I don't know about... ?

Shiro · 31-01-2008, 11:51

Quote:

Unless there's a third alternative I don't know about... ?

Tables, <font><bold><center> etc

funkyprem · 31-01-2008, 12:12

two <link>'s will be served much quicker than an import from within a stylesheet will.

Limbo · 31-01-2008, 12:30

Good point. Cheers.

herkalees · 31-01-2008, 12:51

Quote:

Originally Posted by funkyprem

two <link>'s will be served much quicker than an import from within a stylesheet will.

How so? I don't disagree, but I also don't understand how.

Dusteh · 31-01-2008, 13:39

I think any time issue here is going to be in the milliseconds. Unless you happen to be working on a really high traffic site, I can't see this being an issue worth worrying about. Either method is functional and compliant. Splitting hairs now methinks

pgo · 31-01-2008, 14:15

Well, the way I work, I need to do imports.

I link to a master stylesheet and then import the real stylesheets from that.

HTML Code:

<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />

Code:

@import'reset.css';
@import'screen-real.css';

That syntax: @import'something.css'; - will filter out styles for certain browsers.

Sure, that alone results in no less than 3 separate HTTP requests, but whatever.

I'm currently reworking my employer's site and now have the following in the <head>:

HTML Code:

<link href="/css/screen.css" rel="stylesheet" media="screen" type="text/css" />
<link href="/css/print.css" rel="stylesheet" media="print" type="text/css" />
<!--[if lt IE 8]>
  <link href="/css/ie.css" rel="stylesheet" type="text/css" />
  <link href="/css/ie-unique.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script src="/scripts/icx.conf.js" type="text/javascript"></script>
<script src="/scripts/icx.objs.js" type="text/javascript"></script>
<script src="/scripts/jquery.pack.js" type="text/javascript"></script>
<script src="/scripts/jquery.pack.history-remote.js" type="text/javascript"></script>
<script src="/scripts/jquery.pack.tabs.js" type="text/javascript"></script>
<script src="/scripts/jquery.icx.js" type="text/javascript"></script>
<!--[if IE 6]>
<script src="/scripts/ie.dropdown.js" type="text/javascript"></script>
<script type="text/javascript">
  ICxLib.addLoadEvent(ieHover.init);
</script>
<![endif]-->
<script type="text/javascript">
  ICxLib.addLoadEvent(ICxLib.init);
  ICxLib.addLoadEvent(ICxLinks.init);
  ICxLib.addLoadEvent(ICxPrint.init);
</script>

funkyprem · 01-02-2008, 04:29

Quote:

Originally Posted by Dusteh

Splitting hairs now methinks

When working on large e-commerce sites, hairs like this need to be split.

Smalls sites, I agree, probably won't be affected to much. I just put this forward as something to consider.

Herk, a lot of what I know is based on this Best Practices for Speeding Up Your Web Site

herkalees · 01-02-2008, 07:03

Quote:

Originally Posted by funkyprem

When working on large e-commerce sites, hairs like this need to be split.

Smalls sites, I agree, probably won't be affected to much. I just put this forward as something to consider.

Herk, a lot of what I know is based on this Best Practices for Speeding Up Your Web Site

Thank you kindly for that link. Good bits.

31-01-2008, 06:29	#21 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 4,833	I've found Meyers doesn't actually reset everything in IE - I use the Yahoo one, with Meyers onfocus bit tacked on the end. I keep it as a seperate reset.css and don't modify it at all - just override it with a second stylesheet. __________________ unconsolidated isoparms

31-01-2008, 08:14	#25 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,621	so it doesn't bog the sheet for edits? __________________ CSS Search Engine

31-01-2008, 08:18	#26 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,621	Eric's Archived Thoughts: Resetting Again __________________ CSS Search Engine

31-01-2008, 12:12	#29 (permalink)
funkyprem For all your goober needs Join Date: Dec 2004 Location: Coventry, UK Posts: 1,531	two <link>'s will be served much quicker than an import from within a stylesheet will. __________________ Time is really the only capital that any human being has, and the one thing that he can’t afford to lose. - Thomas Edison prem ghinde

31-01-2008, 12:30	#30 (permalink)
Limbo Baskin' Join Date: Feb 2005 Posts: 5,621	Good point. Cheers. __________________ CSS Search Engine

31-01-2008, 06:48	#23 (permalink)
twentysixtwelve css is cool m'kay Join Date: Mar 2007 Location: Currently Vancouver, Canada Posts: 385	Cool.

31-01-2008, 07:16	#24 (permalink)
Shiro shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 2,625	Interesting Herk - why do you take that approach?

31-01-2008, 13:39	#32 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 4,833	I think any time issue here is going to be in the milliseconds. Unless you happen to be working on a really high traffic site, I can't see this being an issue worth worrying about. Either method is functional and compliant. Splitting hairs now methinks __________________ unconsolidated isoparms

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search