SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2003
    Posts
    170
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Can't have this display properly on firefox mac

    Hi,
    please have a look at the attached image. See the question mark little blue square image (questionmark.gif) ? On all browser it is on the same horizontal level as "position declaration block" text. On the top right corner.

    On firefox mac, it's a level below, not where it should.

    Here is my code, do you know how to correct this?

    html:

    Code:
    <div class="containerblock">
        <div class="headerblock">Position declaration block
       
    <img class="questionmark" src="http://www.mysite.fr/questionmark.gif"> 
        </div>
            <div class="contentblock">
           
    sdfsdfsfsdf
         
           </div>
                <div class="footertable"> 
    Drop down menus here   
    </div></div>
    css:
    Code:
    .containerblock {  
    border: solid;
    border-width: 1px;
    border-color: #94A3C4 #BBBBBB #BBBBBB #BBBBBB;
    margin-bottom: 10px;
    }
    
    .headerblock {  
    background-color: #ECEFF5;
    font-color: #000000;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
    height: 19px;
    padding-top: 5px;
    padding-left: 3px;
    }
    
    .positiondeclaration_images:hover {
    color: #333333;
    border: 0px ;
    }
    
    .questionmark {
    Float:right;
    margin-right: 3px;
    
    }
    Attached Images Attached Images

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Try moving the float to be the first element on the line as some older browsers will always start a float on the next line.

    Code:
    <div class="headerblock"><img class="questionmark" src="http://www.mysite.fr/questionmark.gif">Position declaration block  </div>
    Code:
    .questionmark {
        float:right;
        margin-right: 3px;
    }
    small case "float" please

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2003
    Posts
    170
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow, thanks !


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •