Why is my grid collapsing?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • phillip mccoy
    New Member
    • Dec 2010
    • 3

    Why is my grid collapsing?

    I have a html file on CD, when I view from this sourse (useing Safari) the grid holds, however when I coppied this file to my hard drive and open it from there the grid falles apart. (divs on the row drop down rather than remaining on the row). I do not know if this a problim with my code or with my laptop.
  • JKing
    Recognized Expert Top Contributor
    • Jun 2007
    • 1206

    #2
    Can't help you unless you provide some code.

    Comment

    • phillip mccoy
      New Member
      • Dec 2010
      • 3

      #3
      sorry about the lack of code in my last question.
      To recap the problim is my grid is colapising, The code is copied from a file I saved to disc a while ago. When I open this file from the disc the grid is fine. when I copy this file to my hard drive and open it from there the grid colapses. I am working on an iBook G4 wseing textedit to write the code and Safarie to view the page. the code below is for a very simple grid. I nave put an a,b and c in each of the divs so I could see the grid when viewing in Safarie.

      thanks a mill !!!!!

      [code]

      <html>

      <head>

      <title>

      index

      </title>


      <link rel="stylesheet " type="text/css" href="css/reset.css"/>
      <link rel="stylesheet " type="text/css" href="css/960.css"/>
      <link rel="stylesheet " type="text/css" href="css/text.css"/>
      <link rel="stylesheet " type="text/css" href="css/stylesheet.css"/>


      </head>

      <body>


      <div class="containe r_12">
      <div class="grid_12" id="spacer1">a </div>
      <div class="clear"></div>

      <div class="grid_6"> b</div>
      <div class="grid_6"> c</div>


      </div>

      </body>

      </html>

      [code]

      ps: I am quite new at this and ask forgivness for any stupidy desplayed in my question

      Comment

      • JKing
        Recognized Expert Top Contributor
        • Jun 2007
        • 1206

        #4
        When you copied the html file did you copy the related CSS stylesheets?

        Comment

        • phillip mccoy
          New Member
          • Dec 2010
          • 3

          #5
          I coppied all <link rel= tags from origional disc, includeing the file
          css/stylesheet.css the code so far on this file is very basic.

          style sheet code below.
          [code]
          div.spacer {
          background-color : #8FC73E ;Â*Â*
          }

          div#spacer1 {
          height:60px;
          background-color : #8FC73E ;
          }

          div#coll1
          {float:left;
          height:35px;
          with:460px;
          }Â*
          [code]

          Comment

          • JKing
            Recognized Expert Top Contributor
            • Jun 2007
            • 1206

            #6
            Okay so you should have 1 html file and 4 css files. The css files should be placed into a folder named "css" that is in the same directory as the html file.

            Comment

            Working...