2 replies [Last post]
NotNice
Offline
Regular
Last seen: 15 years 22 weeks ago
Joined: 2005-03-07
Posts: 18
Points: 0

I hope you can forgive me if I ask a really stupid question I am kind of a newbie here...
(yes, my own website is kind of a mess, but I am doing the best I can)

my problem is as follows:
I made a site that looks rather nice in firefox, but is a total mess in IE (what else is new...)
you can find it here: http://www.diona.nl/css/layout.html
and the stylesheet is here: http://www.diona.nl/css/style.css
(I know the scroll-bar colours only work in IE, that is acceptable...)

I have by now found out that IE does not accept bottom:20 as the bottom of the window, but as the bottom of the text. I know this can be solved by giving the height for the div-thingy, but I do not know the height! I want the height to depent on the size of the window, the top-bar and the left bar must have fixed widths (in px) because of the images, so I really do not want them in % (unless there is absolutely positively no other way).

Does anybody know how I can preserve the way it looks in firefox to IE? (I have no experience with other browsers yet, sorry)

open window, throw computer out, close window, problem solved!

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 7 years 46 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

<div> positioning problem IE

see here I have exploited IE only expressions to calculate the height of the div and overcome IEs inability to work with both opposite coordinates at the same time.

I changed your body background-color and added a inner_wrap div enabling removal of both rand divs.

Smile

there are probably other better more standards compliant ways, this way just seemed easiest given the starting point.

NotNice
Offline
Regular
Last seen: 15 years 22 weeks ago
Joined: 2005-03-07
Posts: 18
Points: 0

<div> positioning problem IE

that you ever so much!
Not only have you solved my problem, I have learned a lot too Laughing out loud

open window, throw computer out, close window, problem solved!