CSS Coding not displaying properly

Discussion in 'Web Design & Coding' started by MC82, Jun 9, 2004.

  1. MC82

    MC82 Procrastinator

    Messages:
    183
    Location:
    Seattle, WA
    Hey all,
    I need a little help with my website. I’m very new to using CSS to create my website and I ran into a little problem.

    If you look at the picture I have attached, you will see that the bottom div where I inserted “|| Seattle University || Albers School Of Business || 900 Broadway, Seattle, WA, 98122-4340 ||” shows up in the middle of the page.

    [​IMG]

    This only happens when I first click on the link to the page and when the page is longer the the height of the screen. Once I refresh the page it shows up perfectly fine (as seen in the picture below)

    [​IMG]

    to create this page, I created a main wrapper div to enclose everything including the bottom div. Then within that div, I created one div for the main content area and the bottom div.

    this is the css coding I used for the bottom div

    Code:
    #bottom {
    	position: relative;
    	top: 20px;
    	clear: both;
        text-align : center;
    }
    I am using windows explorer at the moment to view the page.

    You can visit the page at http://66.235.184.119/~pzrydupf/index.php. It happens on the main index page and the marketing committee page so far.


    thanks for any help
     
  2. j79zlr

    j79zlr Glaanies script monkey Political User

    Messages:
    2,725
    Location:
    Chicago
    It is rendering fine here with Firefox, and Opera, are you checking with IE?

    IE has horrible CSS2 support.
     
  3. Khayman

    Khayman I'm sorry Hal... Political User Folding Team

    Messages:
    5,518
    Location:
    England
    Tried it in IE and firefox and both seemed OK
     
  4. MC82

    MC82 Procrastinator

    Messages:
    183
    Location:
    Seattle, WA
    It worked in IE? well I am currently using IE and it shows up as it is seen in the images I have posted. It is most important that it works in IE because most of my traffic will be from students who use school computers which use IE (did that make sense?). Can anyone else confirm that it works?

    also you might have to click on the Marketing link now since i shortened the entry for hte index page. Click it once and scroll down to check.
     
  5. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    Here's how it looks for me:
     
  6. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    tried using bottom:20px;
    instead of top:20px

    but really MSIE is crap with rendering websites
     
  7. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    a friend of mine has done a site which has a CSS coloured block with some text in that block, MSIE wont display the text in that block until you have used the mouse to highlight the text
     
  8. MC82

    MC82 Procrastinator

    Messages:
    183
    Location:
    Seattle, WA
    Speedy, are you looking at it with a mac? the bottom corners are not present, but thats not to important. are the menus up top?

    yah that happened to me to with this thing at one point. It would not go to hte bottom of the page until i highlighted it.
     
  9. Kinnala

    Kinnala Puffer fish

    Messages:
    4
    You really should use floats when you do webpages with CSS. You can find more info about floats with Google.

    And I also think that's a render bug. One reason why position-setting is bad.