Topic: CSS class UL (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=28924" title="Pages that link to Topic: CSS class UL (Page 1 of 1)" rel="nofollow" >Topic: CSS class UL <span class="small">(Page 1 of 1)</span>\

 
OlssonE
Maniac (V) Inmate

From: Eagleshieldsbay, Sweden
Insane since: Nov 2001

posted posted 02-13-2007 12:52

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!

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 02-13-2007 14:20

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).

OlssonE
Maniac (V) Inmate

From: Eagleshieldsbay, Sweden
Insane since: Nov 2001

posted posted 02-14-2007 19:36

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

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 02-14-2007 19:47

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

OlssonE
Maniac (V) Inmate

From: Eagleshieldsbay, Sweden
Insane since: Nov 2001

posted posted 02-26-2007 12:26

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)

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 02-26-2007 18:01
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!

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 02-26-2007 22:35

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).

OlssonE
Maniac (V) Inmate

From: Eagleshieldsbay, Sweden
Insane since: Nov 2001

posted posted 03-04-2007 16:33

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

/Erik



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu