SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Aug 2005
    Posts
    574
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Getting fieldsets and floats to play nice in Safari and Opera

    I have some tables and also some buttons that are just sort of floating around on the page in Safari Mac and Opera Mac. Opera PC is behaving. The tables aren't staying within the fieldsets on either Safari or Opera. The buttons are going wild in Safari - seem to be sort of sticking with the tables in Opera. However, the legends in Opera - both Mac and PC are down below the fieldset line by quite a bit - not the look I was hoping for.

    You can find examples here - click on any of the edit pencils by a client's name or add a new client. They all pull up the same basic form:

    http://shrink-art.com/docTypes/clients/clients.php

    I think the pertinent structure and styles are these:

    Structure:
    HTML Code:
    <fieldset>
    	<div class="submitButtons">
    		<input type="submit" value="Submit" />		
    	</div>
    <legend></legend>
    
    <div class="editTable">
    	<table>		
    		<tr><td></td></tr>
    	</table>
    </div>
    </fieldset>
    Styles:
    Code:
    fieldset {
    	position:relative;
    	border:1px solid #896425;
    	margin:15px;
    	padding:15px 10px;
    	}
    
    .submitButtons {
    	float:right;
    	font-size:9px;
    	color:#a62f07;
    	position:relative;
    	}
    
    .editTable {
    	float:left;
    	margin:0;
    	color:#000;
    	}
    
    .editTable table {
    	background-color:#fff;
    	font-size:11px;
    	font-weight:200;
    	border:1px solid #485d73;
    	color:#000;
    	}
    Recommendations for fixes?

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I strongly suggest you read The Legends of Style by John "Tyssen" Faulds.

    It'll also clear up issues you may not realize you're having in Internet Explorer and Firefox.

  3. #3
    SitePoint Evangelist
    Join Date
    Aug 2005
    Posts
    574
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Dan. Very helpful.


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
  •