Help on CSS

Jun 29, 2011 at 6:46 AM

I am trying to do tabs using jQuery tabs. After the style has been applied by jQuery the contents of my form is outside the divs of the tab. I am using the css file downloaded with ProDinner. See my form below.

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Tab 1</a></li>
		<li><a href="#tabs-2">Tab 2</a></li>		
	</ul>
	<div id="tabs-1">	
            
        <div class="efield">
            <div class="elabel">@Html.LabelFor(m => m.Login):</div>
            <div class="einput">
                @Html.TextBoxFor(m => m.Login)                
                <div class="cbt"></div>
            </div>
        </div>      
        
	</div> @*end tab 1*@

	<div id="tabs-2">
         
		<div class="efield">
            <div class="elabel">@Html.LabelFor(m => m.Password):</div>
            <div class="einput">
                @Html.TextBoxFor(m => m.Password)
                <div class="cbt"></div>
            </div>
        </div>   
        
	</div>

</div>
 <script type="text/javascript">
     $(function () {
         $("#tabs").tabs();
     });
	</script>

Coordinator
Jun 29, 2011 at 8:15 AM

probably you need to add something like <br style="clear:both" /> at the end of the your tab

Jun 29, 2011 at 3:51 PM

Cool it worked! Thanks Valentin!