Jump to content

Background Image Breaks When Image Placed On Top...


mboehler3

Recommended Posts

bgbreak.gifThe top of the image has the background-image behind it, but once the text stops, so does the background-image. Here is my HTML:
<div class="tabbertab">	<h3><div runat="server" id="tab1" class="description">{Tab Title #1}</div></h3>	<div class="tabs-margin">	<div class="tabs-image"><img src="w200xhauto.png" width="200" height="200" runat="server" id="image_tab1" maxwidth="200" minwidth="50" maxheight="400" minheight="20" /></div>	<div class="tabs-headmain"><span runat="server" id="title_tab1">Enter headline here.</span></div><br />	<div class="tabs-headsub"><span runat="server" id="subtitle_tab1">Enter subheadline here.</span></div><br /><br />	<div class="tabs-content"><span runat="server" id="descriptive_tab1">Enter text here.</span></div>	</div></div>

And CSS:

.tabs-margin{padding:15px 35px 0 25px;}.tabs-headmain{font-weight:bold; font-size:18px; width:300px;}.tabs-headsub{font-size:14px; width:300px;}.tabs-content{width:300px;}.tabs-image {float:right;}.tabberlive .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0;}

Link to comment
Share on other sites

no period separating classes, if that does not fix it try adding overflow: hidden;.tabberlive, .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0; overflow:hidden;}edit: also i thing you find that <h3></h3> should be inside a div element.<div runat="server" id="tab1" class="description"><h3>{Tab Title #1}</h3></div>

Link to comment
Share on other sites

no period separating classes, if that does not fix it try adding overflow: hidden;.tabberlive, .tabbertab {width:625px; padding:5px; background-image: url('tabber-bckground.gif'); background-repeat: repeat-y; border-top:0; overflow:hidden;}
Thank you, the overflow:hidden works perfectly!
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...