corillo181 Posted February 1, 2007 Share Posted February 1, 2007 i got this content box i put in 3 different divs is made of a head middle and footer.. when i type content into the box it looks good on IE but in Mozilla there seens to be a lil gap betwen the top and middle.. is there a problme in my code? <div id="midmusic" style=" margin-left:150;"> <div style="background-image:url(../images/topmusic.gif); background-repeat:no-repeat; background-position:bottom; height:120; width:750px;;"></div><div style="background-image:url(../images/midmusic.gif); background-repeat:repeat; background-position:top; height:137; width:750;"> <p> </p> <p>why is this shit working</p> <p>it seens to be fine when</p> <p>i type here, but some how in mozilla there </p> <p>is a lil gap between the middle and the top. </p> <p> </p> <p> </p> </div> <div style="background-image:url(../images/btnmusic.gif); background-repeat:no-repeat; background-position:top; height:137; width:750;"> </div> </div> Quote Link to comment https://forums.phpfreaks.com/topic/36669-sliced-content-box/ Share on other sites More sharing options...
lando Posted February 1, 2007 Share Posted February 1, 2007 Have you verified whether or not it is the margin of the <p>? Also, you have several <p> </p> in there, could these be the cause? Quote Link to comment https://forums.phpfreaks.com/topic/36669-sliced-content-box/#findComment-174964 Share on other sites More sharing options...
jcombs_31 Posted February 2, 2007 Share Posted February 2, 2007 I've had strange problems where I had to float my header image left. Can you supply a link to the page Also, clean up those inline styles. Just use background: url(somthing.jpg) bottom no-repeat Quote Link to comment https://forums.phpfreaks.com/topic/36669-sliced-content-box/#findComment-175648 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.