Results 1 to 2 of 2

Thread: One html file, many css files

  1. #1
    Join Date
    May 2006
    Posts
    27

    One html file, many css files

    Hi all

    I need help finding an example of a site I found on Google but foolishly forgot to bookmark.

    I am not talking about the zengarden.

    Basically it was a site which had 5 divs. Then by changing the CSS file it was able to alter the layout between 3 columns, or 2 columns and a box etc...

    There were close to 10 layouts in total.

    The theory was you could have one html file with your content, and use different css files to completely change the look of it.

    I really need to understand how this works. Can somebody point me to a website (possibly with a tutorial) that describes how to do this?

    Thank you

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    You can easily do that with several CSS files, provided the html file is set up correctly!

    Each div in the html file would have a different id like id="div1", id="div2" etc.

    The CSS files have different positions for each id like:-
    #div1 { position: absolute; top: 30px; left: 40px; width: 100px; height: 150px; }
    etc.

    Each CSS file would have different positions for each div.
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Similar Threads

  1. Replies: 1
    Last Post: 25 Mar 2007, 03:53 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •