Topic: CSS class UL

Hi!
I have a class name for my list to show the ul with a border around it
and spacing between the list items. It works in nvu and firefox. But
in explorer it's static it stands still it doesn't scroll.

CSS
page

Thanks!

I don't see a list anywhere that scrolls

You'll need to give some more info - what class, what ul?
I see the 'content' div is set to overflow:auto, and scrolls as it should, but how does that relate to a list, and what does setting a border and padding have to do with scrolling?

It's a bit hard to dig through that code - it is very ugly, and could use a great deal of cleaning up, which may result in fixing your problem incidentally (or at least making it easier to find the problem).

Sorry about the cluttered code I'll fix that later.
The class is "ruta" (ul.ruta).
In IE it doesnät show the list as it should. If you scroll down the content div and update in IE it stands stil as in it
doesn't scroll with the rest of the text. if you update the page when it is all the way up it doesn't show at all. In firefox and my wysiwyg editor (nvu)
it shows up as in a list with a border around it far down the page.
Thanks dl for the feedback. I have other people looking at it but found no soloution.

/Erik

I would start by fixing this:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mediaskaparna.nu%2Fartikel_ann1.html

You can never expect proper behavior from a page without a proper doctype declartion, or one with invalid code.

Perhaps more important to your particular problem is this:
http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.mediaskaparna.nu%2Fartikel_ann1.html

Invlaid CSS is a sure way to have your CSS not work

Offhand I don't see anything else obvious to explain the problem, but like I said - it's tough to dig through both the markup and the CSS, so...

FWIW

I fixed validated problems and it's still the same....
Does anyone other have any suggestions?

/Erik

crap... change to another doctype. Gotta fix som validation errors...!!?



(Edited by OlssonE on 02-26-2007 12:53)

quote:

---

OlssonE said:

I fixed validated problems...

---

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mediaskaparna.nu%2Fartikel_ann1.html
Until you have a valid doctype in place (and it should be a strict doctype), troubleshooting is always sketchy, as most browsers will rnder in quirks mode.

I don't have time at the moment to dig through more thoroghly, but I can't stress enough how important it is to get the basics set up correctly for your HTML documents!

It looks like the root of the problem is all the special CSS for the menu list at the top of the page. The .ruta list was following many of those attributes.

To fix this, you will need to specify those attributes for the #nav id rather than simply for the list elements (ie in your CSS specify '#nav' instead of 'ul', and '#nav li ul' instead of 'li ul', etc).

Ok... I'll try that.
Thanks!

/Erik