SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict loadx's Avatar
    Join Date
    Jul 2004
    Location
    Melbourne, VIC, Australia
    Posts
    221
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    older versions of mozilla floating + form bug

    For some reason in older versions of mozilla like 1.6 the code below makes the horrible vertical gap between the buttons.. displaying fine in firefox, IE and moz 1.7

    any ideas ?

    Code:
    <style type="text/css">
    <!--
    body {
    	background-color: #999999;
    }
    
    input, select, textarea, button {
    margin: 0px;
    border:0px;
    
    form {
    margin: 0;
    border: 0;
    }
    
    -->
    </style></head>
    <body>
    
       </br>
       <p />
    
       <div style="width:200px;">
    	   <div style="float:left;">
    		   <form method="POST" class="simple" id="simpleForm" action="<?= $_SERVER['PHP_SELF']; ?>?p=<?=($_GET['p'] - 1); ?>">
    		   <input type="submit" name="next" value="<- Prev"></form>
       		</div>
      
    		<div style="float:right;">
    			<form method="POST" class="simple" id="simpleForm" action="<?= $_SERVER['PHP_SELF']; ?>?p=<?=($_GET['p'] + 1); ?>">
    			<input type="submit" name="next" value="Next ->">
    			</form>
    		</div>
        </div>
    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,296
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I may not be thinking straight today but I didn't see any vertical elements. There wer just 2 buttons left and right so there would be no vertical gap to see. Or am I missing something here

    I assume its just a typo above but you do have a missing closing bracket here:
    Code:
    input, select, textarea, button {
    margin: 0px;
    border:0px;
    }/* missing bracket*/

    Paul


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
  •