Divs without CSS

  • suss
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: Mainly Sweden

Post 3+ Months Ago

One of the accessibility rules is that when a site consists of divs, make sure it is presented properly without css ...

Mine don't present themselves properly and I am not quite sure why.
Instead of being over and under eachother they end up "on top" of eachother...

See http://www.annasuss.com/ronja/ without css for an example.

Its probably a really easy fix but I cant seem to find it...

A site that has done it well (.. well enough for my standards at the moment anyway) is http://www.utbildningsforvaltningen.halmstad.se ...

cheers and thanks in advance
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Posts: 351
  • Loc: Indiana, USA

Post 3+ Months Ago

By "without CSS" do you mean without your external stylesheet, or without any CSS at all? If I disable all of the CSS on your page, it looks fine (see:http://alternative-internet.com/webmasterstuff/sectionc/inlineoff.gif) but if I disable only your external stylesheet, and not the inline styles, it all ends up on top of itself (see:http://alternative-internet.com/webmasterstuff/sectionc/inlineon.gif).

The "position:absolute" attributes for your layers are located within the page itself, so even when the stylesheet is not used, they are - hence why they overlap. When all CSS is off, everything looks fine.
  • suss
  • Student
  • Student
  • User avatar
  • Posts: 70
  • Loc: Mainly Sweden

Post 3+ Months Ago

I see. thanks.

so if I move the position absolute to css it should sort itself? :)
  • Hob Bramble
  • Proficient
  • Proficient
  • User avatar
  • Posts: 351
  • Loc: Indiana, USA

Post 3+ Months Ago

Yup - all you should need to do is toss it into the external stylesheet and it should all work fine.
  • MrGamma
  • Beginner
  • Beginner
  • User avatar
  • Posts: 40
  • Loc: Toronto, Burlington, Hamiltion, Canada

Post 3+ Months Ago

suss wrote:
One of the accessibility rules is that when a site consists of divs, make sure it is presented properly without css ...


There is no rule of accessibility which states you must use divs. Your only concerns as a righteous preacher for the accessibility movement should be the order in which your information linearizes...

Go to google... look at the text only cached copy of your website... or if you have some plugin which enable you to disable css, then do it and you will see how your information is structured without the style presentation layer...

tables are perfectly acceptable to use... divs can certainly make some things easier... and once you get used to them they are great...

Don't limit yourself... use all the availble tools in your toolbox... you can do just about anything you want... the real secret is knowing how something works at it's core...
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

MrGamma wrote:
the real secret is knowing how something works at it's core...
I wish I knew how chicks work at their cores ...
  • bilhasry4you
  • Novice
  • Novice
  • bilhasry4you
  • Posts: 33

Post 3+ Months Ago

uhm, i think that's different then CSS because the style is in the div...

Post Information

  • Total Posts in this topic: 7 posts
  • Users browsing this forum: No registered users and 43 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.