HTML IE bug, help me !!

[blogman9]

My site: http://adultdigg.com on firefox is OK, but IE does'nt looks good, where is bug ?

[grumpy]

Its no bug, its called skills. Use stylesheets.

[marketsmart]

Originally Posted by grumpy

Its no bug, its called skills. Use stylesheets.

ding ding dig we have a winner

[blogman9]

Can you post more information ?

[marketsmart]

btw its fine for me in ie...

[RazorSharpe]

hate to break it to you guys but even when using CSS you will always find inconsistencies between the two browsers and will probably need to use if statements within your stylesheets. Using stylesheets, while convenient, isn't the answer to fixing problems experienced between the two browsers.

...

[blogman9]

but not for me

[RazorSharpe]

Originally Posted by blogman9

but not for me

post a screenshot of how you see it in IE.

[blogman9]

[jjjay]

I would look, but you didn't even say please.

[JD]

Originally Posted by blogman9

3px bug. make your post area smaller

[blogman9]

sorry, my english form isn't good Please help me

[potter]

Originally Posted by RazorSharpe

hate to break it to you guys but even when using CSS you will always find inconsistencies between the two browsers and will probably need to use if statements within your stylesheets. Using stylesheets, while convenient, isn't the answer to fixing problems experienced between the two browsers.

...

No. If someone is skilled with css, it is very possible to make cross browser compatible css. Using if statements is taking the easy way out.

[blogman9]

Post Area ? On main page i didn't see any post area

[chadglni]

IE7 fucks up a ton of CSS. Even some of the big WP templates that are around are all fucked in IE7.

[JD]

Originally Posted by potter

No. If someone is skilled with css, it is very possible to make cross browser compatible css. Using if statements is taking the easy way out.

potter may look like a drag queen but he know's what hes talking about

[RazorSharpe]

Originally Posted by potter

No. If someone is skilled with css, it is very possible to make cross browser compatible css. Using if statements is taking the easy way out.

If your site is bog standard and doesn't try to push the css envelope then no, you won't need to use conditional statements. If you want to serve curative style rules to IE then conditional statments are imperative so you can leave your stylesheet devoid of hacks.

Having said that, just because you design using stylesheets does not mean you get cross browser compatibility. Stylesheets are just a means of separating design from content. One could just as easily design a site using what i wish were already deprecated font tags and tables and still achieve cross browser compatibility. This was essentially my point when i made my first post.

...

[blogman9]

but, what I must change in CSS ?

[RazorSharpe]

Originally Posted by chadglni

IE7 fucks up a ton of CSS. Even some of the big WP templates that are around are all fucked in IE7.

Hi chad, IE7 has a documented list of bugs that render CSS based sites unusable, ugly or both. This is where those conditional statements I mentioned would come in handy.

http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx

They seem to have fixed a few in the second beta but it isn't on the mark yet.

...

[Scotty.T]

Originally Posted by blogman9

but, what I must change in CSS ?

Try and change

width:555px;

to a slightly lower value in the following block

#content

{

	background:#fff;

	float:left;

	padding:15px 10px;

	width:555px;

	border-right:1px solid #999999;

	color:#000;

}

[RazorSharpe]

Originally Posted by blogman9

but, what I must change in CSS ?

In style2.css find this:

PHP Code:

#content
{
    background:#fff;
    float:left;
    padding:15px 10px;
    width:555px;
    border-right:1px solid #999999;
    color:#000;
} 


change it to this:

PHP Code:

#content
{
    background:#fff;
    float:left;
    padding:15px 10px;
    width:552px;
    border-right:1px solid #999999;
    color:#000;
} 


then in the same stylesheet, style2.css, find this:

PHP Code:

#sidecontent
{
    margin:0;
    padding:15px 0 0 0;
    float:right;
    width:164px;
} 


change it to this:

PHP Code:

#sidecontent
{
    margin:0;
    padding:15px 0 0 0;
    float:right;
    width:167px;
} 


that may or may not work. I cannot seem to replicate your problem on my version of IE, although, I'm curious why you @import the 2 stylesheets and link to them for print media? Why not have a single print media sheet? What's up with that?

...

[blogman9]

Thanks Scotty.T this is it

[blogman9]

Thanks RazorSharpe

[potter]

Originally Posted by RazorSharpe

If your site is bog standard and doesn't try to push the css envelope then no, you won't need to use conditional statements. If you want to serve curative style rules to IE then conditional statments are imperative so you can leave your stylesheet devoid of hacks.

Having said that, just because you design using stylesheets does not mean you get cross browser compatibility. Stylesheets are just a means of separating design from content. One could just as easily design a site using what i wish were already deprecated font tags and tables and still achieve cross browser compatibility. This was essentially my point when i made my first post.

...

I push the envelope for design with everything I do. All of which is 100% pure css, w3c compliant code. Creating a cross browser layout without hacks or statements. Is simply knowing what can and can't be done. There are ten ways to do everything. Knowing the right one is what rates a person's skill and knowledge.

My point was, if you know what you are doing. It is very easy to create a css based site which is cross browser compatible. It's simply experience which will give someone the proper knowledge to do so. Writing cross browser compatiblity isn't about hacks, proper or improper css. It's about knowing what style types and properties to use where and when.

In the end. No blame can be put onto browsers for layout inconsistancies. That's just an easy way out for the coder to put the blame on something or someone other than him/herself.

[RazorSharpe]

Originally Posted by potter

I push the envelope for design with everything I do. All of which is 100% pure css, w3c compliant code. Creating a cross browser layout without hacks or statements. Is simply knowing what can and can't be done. There are ten ways to do everything. Knowing the right one is what rates a person's skill and knowledge.

My point was, if you know what you are doing. It is very easy to create a css based site which is cross browser compatible. It's simply experience which will give someone the proper knowledge to do so. Writing cross browser compatiblity isn't about hacks, proper or improper css. It's about knowing what style types and properties to use where and when.

In the end. No blame can be put onto browsers for layout inconsistancies. That's just an easy way out for the coder to put the blame on something or someone other than him/herself.

To an extremely large degree what you're saying doesn't wash. If you are designing to achieve compliancy, which your site obviously does, this is precisely the time and place to use conditionals. For browsers that do not comply ... like IE5, etc.

The IE box model is no myth and no amount of experience will allow you to evade it without hacks or conditionals, unless you are totally neglecting a demographic that uses a non-compliant browser.

...