Divs & Table Problem

Discussion in 'HTML and CSS' started by Notsoswuyd, Aug 26, 2009.

  1. Notsoswuyd

    Notsoswuyd

    Joined:
    Aug 26, 2009
    Messages:
    1
    Here is the CSS:

    <style>
    body {background-image: url(img); background-repeat: no-repeat; background-attachment:fixed; position:absolute; top:10px; left:0px;}

    .main {border: solid 1px #FEF2BE; height: 250px; width: 400px; overflow: auto; background-color:#D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 240px; left:565px;}

    .smallmain {height: 211px; width: 392px; overflow: auto; background-color:#D9B17E; font-family: Book Antiqua; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 268px; left:565px; padding-left: 3px; padding-right: 3px; padding-top: 5px; padding-bottom:5px;}

    .links {border: solid 1px #FEF2BE; height: 250px; width: 164px; overflow: auto; background-color: #D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 240px; left:975px}

    .smalllinks {height: 211px; width: 157px; overflow: auto; background-color: #D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 268px; left:975px; padding-left: 3px; padding-right: 3px; padding-top: 5px; padding-bottom:5px;}

    .blog {border: solid 1px #FEF2BE; height: 150px; width: 574px; overflow: auto; background-color: #D9B17E; font-family: Garamond; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 498px; left:565px}

    .smallblog {height: 111px; width: 565px; overflow: auto; background-color: #D9B17E; font-family: Bookman Old Style; font-size: 10pt; color:#663300; opacity: 0.8; position: absolute; top: 526px; left:565px; padding-left: 3px; padding-right: 3px; padding-top: 5px; padding-bottom:5px;}

    h1 {font-size:20pt; font-family:Monotype Corsiva; font-weight: bold; color: #663300; text-align:center; vertical-align:middle; border-bottom: 1px dotted #FEF2BE}

    h2 {font-size:12pt; font-family: Candara; color: #D9B17E; border-bottom: 2px solid #FEF2BE; background-color:#663300;}

    h3 {font-size:12pt; font-family: Georgia; color: #CC1100; border-bottom: 2px solid #CC1100; border-top: 2px solid #CC1100}

    </style>


    This is where it came from: notsoswuyd. webs. c om No spaces of course.

    Presumably, it should work on FireFox since that's where it works for me and other people I have asked. However, on Internet Explorer and Safari, it's messed up. The divs don't appear inside the tables.

    I was advised before just to use divs or tables instead of overlaying them, but it wasn't my aesthetic; however, I like having the headers above the div. So, if there's a possible way to create a legend (such as with a fieldset) and put the header there, I could try that one...

    Help would be greatly appreciated.
     
    Last edited: Aug 26, 2009
    Notsoswuyd, Aug 26, 2009
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. rich
    Replies:
    0
    Views:
    724
  2. Paul B

    Making a table with divs

    Paul B, Apr 13, 2006, in forum: HTML
    Replies:
    76
    Views:
    7,873
    Neredbojias
    Apr 23, 2006
  3. mj.redfox.mj@gmail.com

    Positioning divs, but WITHIN table cells?

    mj.redfox.mj@gmail.com, Nov 23, 2006, in forum: HTML
    Replies:
    2
    Views:
    367
    mj.redfox.mj@gmail.com
    Nov 23, 2006
  4. David
    Replies:
    3
    Views:
    550
    David
    Jul 17, 2009
  5. maya
    Replies:
    4
    Views:
    243
Loading...

Share This Page