3 replies [Last post]
ninja5000
Offline
Regular
Sandnes, Norway
Last seen: 17 years 32 weeks ago
Sandnes, Norway
Timezone: GMT+1
Joined: 2004-11-23
Posts: 14
Points: 0

I've recently decided to take a leap from table-based design, and step into the world of div's/css.

I am working on a site for my band, and have run into some issues that bugs me...

First...some notes:
The site did validate (once at least) as xhtml 1.1, and the CSS validated also. I haven't checked that in a while, since I had to use a javascript to get m$ie to accept the png transparency. The page then wouldn't validate as xhtml (strict) since I needed the language="javascript" attribute.

Ok...here's the main issues...

Number one
msie6 - like I want the top/menu section of the page to look:

The bottom, when I scroll down (also msie6):

Opera 7.54 - the menu part:

...and the bottom of the page:

Number two:
I can't figure out a way to get the fade-effect on the right side of the page, like this:

I can get it if I use position:absolute on all the elements, but then the scrolling won't work (even in IE).

I have now removed/replaced all my position:absolute in my css-file, since people on other boards have told me that that might be the problem. The only position:absolute I have left is to place the image below the header - the "The List" image.

To sum up:
1. How can I place "name.jpg" (the "The List image) where it's supposed to be without using position:absolute?
2. How can I get the fade-thingy back on the site?
3. How do I fix the spacing/height between the <p> and the <hr> in my header div? I want it to look like it does in IE, and not like in Opera (too much air between the <p> and the <hr>.
4. How come the "main text" is "smudged" into the menu in Opera, and not in IE?
5. How do I fix the scroll-issue in opera (and probably other browsers as well?

...that's about all I can come up with right now.
Thanks in advance if anyone takes the time to peek at it.

This is what I'd like the page to look ultimately: click

CSS: here
HTML(php): here
HTML(php) source: here

Wranga
Offline
Regular
Last seen: 13 years 8 weeks ago
Joined: 2004-11-21
Posts: 22
Points: 0

a couple of n00bie questions...

The first problem has something to do with the way you use relative positioning I think. For the second, I guess you would have to put another div around #around and give that a vertically tiled background image.

ninja5000
Offline
Regular
Sandnes, Norway
Last seen: 17 years 32 weeks ago
Sandnes, Norway
Timezone: GMT+1
Joined: 2004-11-23
Posts: 14
Points: 0

a couple of n00bie questions...

Hmm...I've tried all kinds of positioning for no.1, but I don't think I've tried your suggestion for no.2

I'll try that later. Thanks.

ninja5000
Offline
Regular
Sandnes, Norway
Last seen: 17 years 32 weeks ago
Sandnes, Norway
Timezone: GMT+1
Joined: 2004-11-23
Posts: 14
Points: 0

a couple of n00bie questions...

ok...I've been re-doing parts of the site, and the results are much better.
The page looks like it's supposed to now, at least in IE.
Check it: http://www.paperandwine.com/remake/remake/index.php?menu=band.php

In Opera, I still have problem no.3 (check my first post) and that's bugging me. I also have another problem in Opera, and that is that the main content end up way down on the page, but if you move your cursor over the "the band" in the menu, it pops up to appx. where it's supposed to go. Irritating.

Another error I have now, both in IE and in Opera, is that the page stretches and becomes too long. I can scroll down, but too long down, if you see what I mean.

New page: http://www.paperandwine.com/remake/remake/index.php?menu=band.php
New page source: http://www.paperandwine.com/remake/remake/index.phps
CSS: http://www.paperandwine.com/remake/remake/style.css