Customizing K2

[Scott F]

Hello Folks!

I am wanting to customize K2 to it's fullist potential. The only problem is that when I edit the CSS, it looks fine in FireFox, but in IE it is unedited. This is the case for many things but the most important thing is the width of the layout itself.

I am wanting to change it but it doesn't do anything.

Please Help!
Scott

[JohnW.]

If you're just editing the original stylesheet IE is probably still reading the 'hack' width. You'll need to edit both the width and _width properties.

#page {
....
width: 780px;
_width: 740px; <--hack width
....
}

[Scott F]

I am editing both of them but in IE they stay the same. If I could get this, I would be able to do a lot more.

[shari]

it's probably ie cache from hell?

[Scott F]

I will give it a try but I do not use it.

[Colin]

Try emptying your Internet Explorer cache. That's the only reason I can think of that it wouldn't be applying changes, if they are being made properly in the stylesheet.

[Scott F]

I have done it and it doesnt work. Is there anything that I need to edit other than the page view?

[bobdogg]

colin's method works (if you do it right) but your CSS wont validate.

here's what I do:

put all you CSS meant to IE in a seperate css file

call that css file using IR's conditional statements

this way, your code validates

[Oompa]

IR's? Do you mean the ones that unvalidate your XHTML code? :)

[bobdogg]

my bad, I meant IE.

Its called a typo people.

[Scott F]

So I seperate what IE should use and what the rest should use? An example? I am little confused!

[steveo]

IE will only display comment tags with [if IE], while others will ignore it. For example:

<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen" href="ie_only_styles.css" />
<![endif]-->

[Oompa]

And last time I checked they unvalidate your XHTML. I could be wrong though.

[Scott F]

http://scofo.net/help/ScofoSite/index_fake.htm

That is what I am wanting my site to look like. I am wanting to make the width smaller but I cannot without breaking the validation. How come so many people can do it, but when I try, it doesnt?

[Oompa]

It looks exactly the same in Firefox as it does IE. Really cool. But the IE PNG bug sucks :-\.

[Scott F]

You didnt go digging? it is just plain old html and css no WP prgram in it. I am wanting it to look like that. I am taking K2 and evolving it. I just need help with the width and then I will be set for the rest.

[JohnW.]

I've run out of ideas. I made a rough approximation of what you want it to look like and plopped it in my styles directory and the width is approximately the same in IE and Firefox. I'm not sure what you're having a problem with. You can look at the css here (http://jjwester.resnet.mtu.edu/blog/wp-content/themes/k2clean/styles/ScottF.css).

[Scott F]

I must not be clarifying it well, but that is what I want it to look like, it is a mock up, it has no relation to Wordpress or K2 (yet) I just want my K2 style to look like that.

I want to take K2 and customize it to make it look like this site.

[Scott F]

...the end result doesnt have to look like that, it is just an idea!

[Zeo]

I don't know if you guys already know this or not, but the latest stylesheet which currently in revision 181, I remove all the IE underscore hack. I don't know how much it will impact your custom styling.

[JohnW.]

Maybe we're both doing a bad job at clarifying things. K2 has a neat option that allows you to place css files in its styles directory, and then when you go to K2 options and choose that style it calls the new stylesheet after the original one, which allows you to make changes to your site without editing the original stylesheet. The css that I linked to was my attempt at reproducing your problem when trying to create a style for K2 which looks like your mockup, and it does have a relation to both K2 and Wordpress. When I selected this style on my site and then viewed it in both IE and Firefox the width was (almost exactly) the same, and all the other changes were there in both IE and Firefox. I was hoping to give you an idea of what changes you would need to make to get K2 to look like you want it to.

Oh and Zeo, that's great news.

[Scott F]

Sorry! I didnt notice, I will try that out now :)