Topic: Needs fixin' for IE ya hear?

www.robert-adam.com

Looks perfect in Firefox. Causes a Visual C++ runtime error if you try to resize the text in IE. That and the background doesn't tile and the big column isn't floating properly.

Kinda stumped ya know?

-SPyX

sIFR is so goofy.

You have a couple CSS errors: http://tinyurl.com/a3rf4.

try background: url(./images/leftColBG.jpg) repeat-y; instead of background: url(./images/leftColBG.jpg) repeat-y 0;

the column thing looks like you just made it too wide

Anti-aliased, custom fonts are goofy?

The css errors are hacks to make alignment work in IE.

Shortening the width of the main column does not help. Nor does removing the "0".

quote:

---

SPyX said:

Anti-aliased, custom fonts are goofy?

---

No, using Flash to get them when you could use bitmaps is.

quote:

---

SPyX said:

The css errors are hacks to make alignment work in IE.

---

I don't see anything at http://robert-adam.com/blog/ that looks to need a hack.

quote:

---

SPyX said:

Shortening the width of the main column does not help. Nor does removing the "0".

---

Okay, I'll make a local copy and play with it after I eat dinner (unless someone beats me to it).

The flash is used so that the markup can remain intact. It simply replaces the text in specified <h> tags dynamically. Try resizing your text and refreshing the page. The headlines will grow accordingly. Also, I can just change the text and the headline will change with it. No work involved.

The hack is just for a minor discrepancy in the way Firefox and IE align things. Something about the way padding is handled.

(Edited by SPyX on 02-02-2006 00:09)

...

(Edited by reisio on 02-02-2006 01:33)

Try adding this:

#content {
	margin: 0 220px 0 0 !important;
	padding: 1px 0 1px 220px !important;
	background: #f9faf4 url(./images/leftColBG.jpg) repeat-y -40px 0 !important;
}
#mainbar {
	float: none !important;
}
body {
	background: url(./images/rightColBG.jpg) repeat-y 100% -232px !important;
}
#leftSpace {
	height: 510px !important;
	background: none !important;
}
#rightSpace {
	display: none;
}

(Edited by reisio on 02-02-2006 01:39)

Awesome. That seems to have done the trick, though, I can't say I quite understand everything you did. I'll have to look a couple things up.

I'm still having some rendering issues with the sidebar in IE. Could it be a doctype problem?

Thanks for the help bro.
-SPyX

Nah your doctype looks fine. Probably just good old-fashioned normal petite bugginess.

what does !important mean?

Signature: liefdesgedichten

quote:

---

Milio said:

what does !important mean?Signature: liefdesgedichten

---

http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules

Keeping in mind that IE lte 6.0 ignores !important (tmk).
- DC