![]() |
|
#1
|
|||
|
|||
|
While formatting and styling my login section for my front page, I got the spacing right in firefox but it's smooshed in internet explorer. Please view my front page in both browsers to see the difference (if needed I'll post screenshots in the morning - too tired right now
)http://www.dunedevilzracing.com Here's the html I've got: Code:
<table cellpadding="0" cellspacing="4" border="0" class="head-login"> <tr> <td style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td> <td><input type="text" class="bginput" style="font-size: 10px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td> <td style="white-space: nowrap;"><label for="navbar_password">$vbphrase[password]</label></td> <td><input type="password" class="bginput" style="font-size: 10px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td> <td><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /></td> <td style="white-space: nowrap;"><label for="cb_cookieuser_navbar">$vbphrase[remember_me]</label></td> <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td> </tr> </table> Code:
.head-nav { background: url(http://www.dunedevilzracing.com/forums/images/backgrounds/head-nav.png) no-repeat top center; height: 100%; }
.head-login { margin: 106px 0 10px 6px; }
.head-login label { color: #454545; font-size: 10px; }
Last edited by That's Me; 07-17-2008 at 03:39 PM. Reason: adding screenshots |
|
#2
|
||||
|
||||
|
*Moves to the Chit Chat forum since this doesn't have anything to do with the CMPS software*
|
|
#3
|
|||
|
|||
|
Ok, I solved my own problem. Well actually it was Paul O'B over at sitepoint. I'll post the answer here too though, on the off chance someone comes searching here with the same problem. Seems unlikely, but...
POB pointed out that I hadn't taken into account the default top margin that Firefox applies to the p element. He suggested this fix: Code:
p.tiny-links{margin:0}
.head-login { margin: 126px 0 10px 6px;}
|
|
#4
|
||||
|
||||
|
Weird . try reinstalling.
|
![]() |
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Problem with spacing between modules | nadav0644 | Troubleshooting & Problems | 1 | 05-16-2008 12:21 PM |
| Firefox and IE 7 Pixel Problem ... | Ayberk1122 | "How Do I..." Questions | 1 | 02-28-2008 12:55 PM |
| Spacing problem - Global.php | djroppolo | Troubleshooting & Problems | 10 | 04-21-2007 10:23 AM |
| Portal spacing problem | Snaggletooth | Troubleshooting & Problems | 3 | 08-27-2005 02:42 PM |
| Spacing problem | poseidon | Troubleshooting / "How do I..." Questions | 2 | 06-14-2004 08:25 PM |