SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot keith5885's Avatar
    Join Date
    Jun 2006
    Location
    at my computer
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Tables tring to get them to work in FF

    So I made a mistake and assumed that CSS works in both IE and FF the same. ya... opps (I have used CSS but not for tables and Nav Bars like now)

    I was really excited about more CSS in my sites. But with the issues with cross browser comp I have become less of a fan.


    Well here is some CSS code I used for having 4 boxes in a table

    Code:
    .flutta2 {
    	width: 185px;
    	float: left;
    	padding:10px 15px 15px 10px;
    	display: inline-table;
    }
    .flutta2right {
    		width: 190px;
    	float: left;
    	padding:10px 15px 15px 10px;
    }
    .flutta3 {
    	width: 110px;
    	float: left;
    	padding:10px 0px 15px 20px;
    	}
    .flutta3right {
    		width: 125px;
    	float: left;
    	padding:10px 15px 15px 10px;
    }
    HTML Code:
    <DIV CLASS="text2" STYLE="padding:20px 20px 20px 20px">
    	  	<DIV ALIGN="LEFT" STYLE="border:solid ; border-width:1px ; border-color:#003399 ; height:20px">
    	  		<DIV CLASS="text4 style1" STYLE="background-color:#CCCCCC">
    				<DIV STYLE="padding:3px 3px 3px 10px">
    				  <B><A HREF="ProductExamples.html" ID="hometitle">Product Examples</A> </B>				</DIV>
    			</DIV>
    				<DIV CLASS="flutta2">
    					<A HREF="ProductMedical.html" CLASS="nav2">Medical  equipment bags</A><BR>
    					<A HREF="#" CLASS="nav2">Prosthetics  &amp; supports</A><BR>
    					<A HREF="#" CLASS="nav2">Design  refinement</A><BR>
    					<A HREF="#" CLASS="nav2">Sample  cases &amp; displays</A><BR>
    					<A HREF="#" CLASS="nav2">Consumer  product bags</A>
    			</DIV>
    			
    				<DIV CLASS="flutta2right">
    					<A HREF="#" CLASS="nav2">Custom embroidery features</A><BR>
    					<A HREF="#" CLASS="nav2">Sports equipment bags</A><BR>
    					<A HREF="#" CLASS="nav2">Trade show display pouches</A><BR>
    			  		<A HREF="#" CLASS="nav2">OEM cases  &amp; pouches</A><BR>
    			  		<A HREF="#" CLASS="nav2">Air  cushions &amp; inflatables</A>			
    				</DIV>
    			
    		</DIV>
    	</DIV>
    	<DIV CLASS="text2" STYLE="padding:0px 20px 20px 20px">
    	  	<DIV ALIGN="LEFT" STYLE="border:solid ; border-width:1px ; border-color:#003399 ; height:20px">
    	  		<DIV CLASS="text4 style1" STYLE="background-color:#CCCCCC">
    				<DIV STYLE="padding:3px 3px 3px 10px"><B><A HREF="Capabilities.html" ID="hometitle">Capabilities</A></B></DIV>
    			</DIV>
    				<DIV CLASS="flutta2">
    					<A HREF="#" CLASS="nav2">Medical  equipment bags</A><BR>
    					<A HREF="#" CLASS="nav2">Prosthetics  &amp; supports</A><BR>
    					<A HREF="#" CLASS="nav2">Design  refinement</A><BR>
    					<A HREF="#" CLASS="nav2">Sample  cases &amp; displays</A><BR>
    					<A HREF="#" CLASS="nav2">Consumer  product bags</A>
    				</DIV>
    			
    				<DIV CLASS="flutta2right">
    					<A HREF="#" CLASS="nav2">Custom embroidery features</A><BR>
    					<A HREF="#" CLASS="nav2">Sports equipment bags</A><BR>
    					<A HREF="#" CLASS="nav2">Trade show display pouches</A><BR>
    			  		<A HREF="#" CLASS="nav2">OEM cases  &amp; pouches</A><BR>
    			  		<A HREF="#" CLASS="nav2">Air  cushions &amp; inflatables</A>			
    				</DIV>
    			
    		</DIV>
    	</DIV>
    	</TD>
    		
    	<TD ALIGN="LEFT" VALIGN="top" BGCOLOR="#FFFFFF" CLASS="text4">
    			<DIV CLASS="text2" STYLE="padding:20px 20px 20px 0px">
    	  	<DIV ALIGN="LEFT" STYLE="border:solid ; border-width:1px ; border-color:#003399 ; height:20px">
    	  		<DIV CLASS="text4 style1" STYLE="background-color:#CCCCCC">
    				<DIV STYLE="padding:3px 3px 3px 10px">
    				  <B><A HREF="ProductDesign.html" ID="hometitle">Materials</A></B>				</DIV>
    			</DIV>
    				<DIV CLASS="flutta3">
    					  	Cordura&copy;<BR>
    					    Velcro  &copy;<BR>
    					    Nomex  &copy;<BR>
    					    Teflon  &copy;<BR>
    					    Polyurethane<BR>
    		    </DIV>
    					<DIV CLASS="flutta3right">
    					  Polyester<BR>
    					    Foam<BR>
    					    Buckles  &amp; rivets<BR>
    					    Zippers  &amp; clasps<BR>
    						What you want!
    						<BR>
    
    			</DIV>
    			
    		</DIV>
    	</DIV>
    	
    	<DIV CLASS="text2" STYLE="padding:0px 20px 20px 0px">
    	  	<DIV ALIGN="LEFT" STYLE="border:solid ; border-width:1px ; border-color:#003399 ; height:20px">
    	  		<DIV CLASS="text4 style1" STYLE="background-color:#CCCCCC">
    				<DIV STYLE="padding:3px 3px 3px 10px">
    				  <B><A HREF="Industries.html" ID="hometitle">Industries</A></B>				</DIV>
    			</DIV>
    				<DIV CLASS="flutta3">
    					  	Medical<BR>
    					  	Prisons
    					  	<BR>
    					  	Schools
    					  	<BR>
    					  	Silk Screeners
    					  	<BR>
    					  	Trade Shows
    					  	<BR>
    		    </DIV>
    					<DIV CLASS="flutta3right">
    					  Government<BR>
    					    Hospitals<BR>
    					    Movie Studios <BR>
    					    Motels<BR>
    						Many more&gt;&gt; <BR>
    
    			</DIV>
    		  </DIV>
    </div>
    Shows up fine in IE but not FF
    Thanks Sitepoint!

  2. #2
    SitePoint Zealot keith5885's Avatar
    Join Date
    Jun 2006
    Location
    at my computer
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    umm that is not really what I was looking for but I learned some stuff from that. Thanks.

    This is what its supposed to look like...
    http://kangarooproducts.com/

    If you look in IE... Not FF
    Thanks Sitepoint!

  3. #3
    SitePoint Zealot keith5885's Avatar
    Join Date
    Jun 2006
    Location
    at my computer
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It worked with some work!

    http://kangarooproducts.com/index.html


    Thanks!!
    Thanks Sitepoint!


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
  •