Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Opaque DIVs plus IE not working

    Okay.. I've been working on this for a while, being at least 5 hours (I'm not new to CSS nor HTML but I've never made a full page from CSS without tables so excuse my ignorance)

    I am trying to make something to look like this: http://www.kiwilynn.com/index.png

    However I have no idea what I'm doing to be honest and am kind of taking this slowly... but in any case... this is what I'm getting:

    http://www.kiwilynn.com/testing.htm

    It refuses to show up in IE what so ever, well..the background shows but not a thing else.. and I have no idea why.. Plus basically what I'm trying to do is make it so that the (colored/blue-etc) divs on top are centered and contained within the transparent divs seperately.. I hope I've explained this right and I'm at least on the right track...

    I know there are blue boxes on the page too :P I was using it to know where everything is being placed..

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,915
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    There’s no need to use absolute positioning at all on this page. You would have three sections (divs): header, content, footer. These get a width and margin: auto; to center them. Inside the container you’d have two subsections which can be floated left and/or right to make them appear next to each other. Have a look at http://bonrouge.com/2c-hf-fixed.php for some inspiration.

    Also never ever use empty useless elements just to add some backgroud or whatever. Only use as much HTML as necessary to structure your content. CSS can do the rest with the HTML you’ve got in most cases (there are exceptions but generally this rule applies). The important keyword is semantics. Empty elements have no purpose, and thus, aren’t semantic.

  • #3
    New to the CF scene
    Join Date
    May 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    empty elements for background? I had to use the setup that I did because the background for the header/body/footer needs to be opaque to some degree..and if I add anything inside those divs it will also be opaque..I've looked for other ways around it but I dunno..

    also when I remove position: absolute; it puts the content boxes below the current divs I have for the slightly transparent bg..

    Also it still isn't showing any of this in IE
    Last edited by KiwiLynn; 05-13-2009 at 04:19 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
    •