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> 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? 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 Link to comment https://forums.phpfreaks.com/topic/36669-sliced-content-box/#findComment-175648 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.