Safari Issue on my background image for input boxes

Discussion in 'CSS' started by tdd1984, Mar 28, 2008.

  1. #1
    Can someone tell me why Safari is not outputting my "search court records now!" box correctly if you look at safari all me elements inside of that box are not position properly like they are in IE and Firefox, everything is working fine in IE and Firefox.

    You can view it @
    http://98.222.102.255/

    Here is the code I'm using below.

    	<div class="searchbox">
    				<div style="padding-left:20px; padding-top:5px; color:#ffffff; font-weight:bold;">Search Court Records Now!</div>
    				<div style="padding-top:35px; padding-left:65px; color:#ffffff; font-weight:bold; font-size:16px;">Enter Search Terms</div>
    				<div style="padding-top:5px; padding-left:45px; color:#ffffff; font-weight:bold; font-size:10px;">
    					<table border="0">
    						<tr><td><span>First Name</span></td><td><span>Last Name</span></td><td>Middle Name</td></tr>
    						<tr><td><input style="width:126px;" type="text"></td><td><input style="width:126px;" type="text"></td><td><input style="width:126px;"  type="text"></td></tr>
    					</table>
    					
    				</div>
    				<div style="padding-top:8px; padding-left:65px; color:#ffffff; font-weight:bold; font-size:16px;">Select City, State, and Country</div>
    					<div style="padding-left:45px; padding-top:2px; color:#ffffff; font-weight:bold; font-size:10px;">
    					<table border="0">
    						<tr><td>City</td><td>State</td><td>Country</td></tr>
    						<tr><td><input style="width:126px;" type="text"></td><td><input style="width:126px;" type="text"></td><td><input style="width:126px;"  type="text"></td></tr>
    					</table>
    				<div style="padding-left:20px; padding-top:5px; color:#ffffff; font-weight:bold; font-size:16px;">Click Search Now!</div>
    				<div style="padding-top:10px; padding-left:20px; color:#ffffff; font-weight:bold; width:120px; height:39px;"><input type="image" src="/images/search-box/submit.jpg"></div>
    					
    				</div>
    				
    		</div>
    HTML:
     
    tdd1984, Mar 28, 2008 IP
  2. LongHaul

    LongHaul Peon

    Messages:
    670
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #2
    The page looks the exact same on Safari and Firefox on Mac (the box seems fine). Did you fix it? If not, what elements are not correct when you see it?
     
    LongHaul, Mar 31, 2008 IP
  3. mr_wonderful

    mr_wonderful Peon

    Messages:
    128
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    the problem seems to be cell-spacing, padding, or margins on the table or input elements here:

    <table border="0">
    <tr><td><span>First Name <span style="color:#FF0000;">&#42;</span></td><td><span>Last Name <span style="color:#FF0000;">&#42;</span></td><td>Middle Name</td></tr>
    <tr><td><input style="width:126px;" type="text" name="firstname"></td><td><input style="width:126px;" type="text" name="lastname"></td><td><input style="width:126px;" type="text" name="middle_name"></td></tr>
    </table>
     
    mr_wonderful, Mar 31, 2008 IP
  4. tdd1984

    tdd1984 Well-Known Member

    Messages:
    2,357
    Likes Received:
    42
    Best Answers:
    0
    Trophy Points:
    150
    #4
    I got it fixed :)
     
    tdd1984, Mar 31, 2008 IP