How to align these?

[Vindictive]

How do you align these?

http://img204.imageshack.us/my.php?image=howtocd9.jpg

I'm using fixed width at 760.

[Lynne]

Have you tried playing with the width in Style Manager > find your style > StyleVars > Message Area Width (pixels)? I think perhaps the Tags area and Post Icons area are set by percent (take a look in your page source) and the message width is set by pixels, so try changing that.

[Vindictive]

All I see is:

<fieldset class="fieldset" style="margin-top: 6px">
<legend>Tags</legend>
<div style="padding:3px">

<div>Separate tags using a comma.</div>
<span id="tag_add"><input type="text" class="bginput" name="taglist" id="tag_add_input" value="" size="40" tabindex="1" /></span>
<div>You may add 25 tag(s) to this thread.</div>
</div>


<div id="tag_add_menu" class="vbmenu_popup" style="display:none"></div>
<script type="text/javascript" src="clientscript/vbulletin_ajax_tagsugg.js?v=373"></script>
<script type="text/javascript">
<!--
vbmenu_register('tag_add', true);
tag_add_comp = new vB_AJAX_TagSuggest('tag_add_comp', 'tag_add_input', 'tag_add');
tag_add_comp.allow_multiple = true;
tag_add_comp.set_delimiters('');
//-->
</script>


</fieldset>

And:

<fieldset class="fieldset">
<legend>Post Icons</legend>
<div style="padding:3px">
<table cellpadding="0" cellspacing="1" border="0" width="95%">
<tr>
<td colspan="15"><div style="margin-bottom:3px">You may choose an icon for your message from the following list:</div></td>
</tr>
<tr>

[Lynne]

OK, but did you look at your StyleVars to change the width of the message area? It's the message area that is out of whack.

[Vindictive]

I changed it from 540px to 515px, and it aligns in Firefox, but it's still off in IE.

[Lynne]

I can't help you with IE issues since I don't have IE. You can google IE and CSS and see all the issues it has and the weird things you have to do to accommodate it.

[Vindictive]

What exactly is the issue with it?

[gfxhelp.com]

Safari and Chrome will be about +5px from what it looks like in FF. IE7 will be around -25px from what it looks like in FF. It's probably just the way different browsers render the text box. There may not be any css solution, but if you wanted to you could make conditional statements so the width would change based on the browser the user was using and then you would just have to match everything up.