Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13587
    I constructed a webpage for a friend of mine's business and I'm having a rather big issue with FireFox and IE displaying the page differently. For some reason my links panel is not allowing content to float to the right of it in FireFox but it will in IE (which is what I want). I coded the pages by hand with notepad and am using cascading style sheets for the layout. You can find the page here: http://hiddentreasurespearland.com. The code for the style sheet is as follows:
    body, td, th {
    scrollbar-face-color: darkgreen;
    scrollbar-shadow-color: black;
    scrollbar-highlight-color: white;
    scrollbar-3dlight-color: darkgreen;
    scrollbar-darkshadow-color: darkgreen;
    scrollbar-track-color: darkseagreen;
    scrollbar-arrow-color: white;
    }
    h1, h2, h3, h4, h5, h6 {font-family: sans-serif; color: darkgreen}
    #credit {color: darkgreen; font-style: normal; font-variation: small-caps;
    text-align: center; clear: both; padding: 0px}
    #logo img {width: 150; height: 133}
    #logo {float: left}
    #head img {width: 600; height: 129}
    #head {text-align: right; padding-top: 30px; border-bottom: 1px solid darkgreen}
    #links {float: left; background-color: darkgreen; margin-right: 10px;
    padding: 10px; border: 2px solid black; clear: left}
    #links a {display: block; font-family: sans-serif; color: white; font-size: 9pt}
    #links a:link {text-decoration: none}
    #links a:visited {text-decoration: none}
    #links a:hover {color: black; background-color: darkseagreen}
    #links a:active {text-decoration: none}
    #links a.newgroup {margin-top:15px}
    #main {float: left; border-left: 1px solid darkgreen; padding-left: 10px}
    #firstp:first-letter {float: left; font-size: 400%; line height: 0.8}
    #photo {margin: 5px; padding: 0; border: 5px outset darkgreen}
    #balance {width: 13; height: 16}
    address {color: darkgreen; font-style: normal; font-variation: small-caps;
    text-align: center; clear: both; border-top: 1px solid darkgreen}

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    You can't have two floating elements unless they're both floating in the same direction and enclosed by another floated element. Or something like that. Otherwise they clear each other. So you have to enclose your links and main content in another div which is also floated left.

    Also, don't code in Notepad...

  4. #3
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13587
    Well, I just tried out your suggestion and I still could not solve the problem.

  5. #4
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Yeah, I think it's probably more complex than that. Look at how A List Apart achieves their columns; I believe that's pretty much what you're going for, too.

  6. #5
    Junior Member
    Join Date
    Jul 2006
    Posts
    3
    Member #
    13587
    Not really sure what I should be looking at there. Does no one really have an idea as to why this is happening?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:48 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com