Topic: Problems with IE!

I made a design with lot css stuff. Everything is correct in Mozilla and Opera. But the good old Internet Explorer shows the banner incorrect. Any ideas how to fix this?
http://www.spiritual-pixel.com/testosteron/

Thanks in advance.

Oy.

In #title you have the brilliant Celik workaround, but you've not used it at all. You define margins (improperly implemented by IE5) and then not redefined it after the workaround (voice-family: "\"}\""; voice-family: inherit).

Same deal with #main

There are other issues, but I gotta run. Start with that.

Thanks.

I made a workaround. But now the text comes too close to the menu in IE.



[This message has been edited by u-neek (edited 08-08-2001).]

Hey Twitch, what is the 'brilliant Celik workaround'??
Never heard of such a thing before. Kinda reminds me of a chess opening or something...

mobrul

That's a css workaround from Tantek Celik for Internet Explorer...
Read his own explanation



[This message has been edited by u-neek (edited 08-10-2001).]

Personally, I sort of wish that the way IE does it was right. I think it makes a lot more sense to have the border and padding inside the width, and there have been a couple of times for me when the "correct" way was harder to work with than IE's way.

see, I'm a big fan of the proper implementation. I mean, if I'm designing something for print, I need to know how big the paper is--i.e., how big the box is. If I add a four inch border to it, if the paper isn't large enough to encompass it, then it doesn't work.

but then again, perhaps it's just two sides of the same coin.

Alas.

u-neek, I've taken a long, hard look at your CSS... and here's what I've come up with some issues...

#menu {

		width: 180px;

		padding: 0px;

		margin: -52px -15px 10px 10px;

		float: right;

		voice-family: "\"}\"";

		voice-family: inherit;

		margin: -45px -33px 10px 10px;

		}

as you can see here, you've used the voice-family workaround (which doesn't work all the time, keep in mind) but you implemented it oddly--you redefined margins instead of width. The margins are fine--redefine the width. And don't forget to put html>body#menu with the new width as well.

#title {

		background: #fff;

		padding:0px;

		margin-right:-30px;

		margin-left:-16px;

		width:100%;

		voice-family: "\"}\"";

		voice-family: inherit;

		width:auto;

		margin-right:-32px;

		}

you'll find issues using 100% widths; after all, how do you tell the system to remove 42px (for example) from 100%? How does one define that? Try spilling it over and having the css boxes wrap around them in floats or absolute positioning. You'll find it to be a lot less of a headache.

#title h1 {

		font-size: 18px;

		border-top: 1px dotted #000;

		border-bottom: 1px dotted #000;

		border-left: 10px solid #000;

		margin-top:10px;

		padding: 5px 10px 5px 10px;

		}

You've got lots of stuff here playing with the width of the area--which was already defined as 100%. Keep all box-level definitions in one declaration, and move the text styling to a different one.

That should give you a start.


s t e p h e n

I'm not sure I understood what you meant, twItch^... See, I'd think it's easiest to do this:

.paper {
width:8.5in;
height:11in;
}

And then, if you suddenly want a half inch border around your content, you can just add "border: .5in solid #000;" to the .paper class, and it still fits inside the paper. With the correct implementation, you'd have to simultaneously shrink the width and height by half an inch.

Or maybe I have the correct and incorrect implementations backwards.

Thanx for taking a hard look at my css-stuff.

I fixed some of the css code, but i have no idea how to place the menu at this position as it is with using 'width' instead of 'margin'!

I agree, much easier to do

.paper {
width:8.5in;
height:11in;
}


I am sure it's not backwards slime



"I am about to -- or I am going to -- die: either expression is correct."
~~ Dominique Bouhours, French grammarian, d. 1702

Maybe I just have a weird version of IE, but if you're attempting to get rid of the menu being off the paper.. I would leave it.. =D Looks fine on my end..

"If it aint broke, don't fix it."

But hey, maybe I can't see the error.. I'll shutup now... ^_^;


» THOAN.net (..soon to come..I hope)

[edit] I uh.. don't read spanish either.. no obla espanol.. O_o [/edit]

[This message has been edited by Bmud (edited 08-29-2001).]

That's an old version. I'll show your my finished design next week or so...