2 column IE issue

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

skim1114@gmail.com - 22 Nov 2006 18:33 GMT

Here is the site I'm working out:
http://www.dwellcreative.com/test/about.html

It looks fine most everywhere but in IE on a pc.

I have colored the two columns some hideous color, but it makes it easy
to see the DIVs.

I am still working out the kinks of doing layout in css, so it's a
little harder to problem solve.

It looks like the right column is being wrapped or something. I'm not
sure what could fix this.

Any info, much appreciated.

Thanks

Reply to this Message

AndrewF - 23 Nov 2006 11:55 GMT

Skim,

I think most of the issue is to do with the line-height that you've
used which is causing overlap of the two lines.

In IE if you click and drag over the bottom of the two lines then you
can see that the top of the space is cutting up into the bottom of the
top line. I've seen this happen a lot when using line height in PCIE.

Also I notice that you haven't really used much structural HTML to make
your text work for you easily.

For example those lists should really be <ul>'s across the board and
the title we are talking about with the wrapping should be an H tag of
some description. I daresay that changing this from being a random bit
of text to an H tag with everything that comes along with that may help
resolve some of this as it won't be subject to the P definitions from
further up your style sheet.

Cheers
AndrewF

Reply to this Message

skim1114@gmail.com - 28 Nov 2006 14:39 GMT

Thanks for the response. Everyone always seems to dislike my
line-height assignment but I always use this and it's never a problem.

I used the coding from this website instead of what I had done. It is
very well organized:
http://www.dynamicdrive.com/

So for anyone who is looking for a similar resource...that's it.
s.

> Skim,
>
[quoted text clipped - 17 lines]
> Cheers
> AndrewF

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / November 2006

2 column IE issue