2 replies to this topic

[Extinct]

Hey I got another problem.

I get this problem in Firefox:



In IE 6 it shows up fine.

This is the code:

#newsbox{
	width:597px;
	margin-left:1px;
}
#news_top{
	background-image:url(images/contentbox_top-big.jpg);
	width:597px;
	height:39px;
}
#news_content{
	background-color:#100f0f;
	width:597px;
}
#news_content p{
	padding:5px;
}

and

<div id="newsbox">
		 
		 <div id="news_top">Title</div>
		 <div id="news_content"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc orci elit, feugiat eu, rhoncus non, faucibus eget, enim. Praesent ut ante at dui ullamcorper lacinia. Sed tellus libero, lobortis non, consequat quis, posuere sit amet, arcu. Phasellus eleifend risus vitae mauris. Integer diam felis, fermentum vel, convallis eu, laoreet non, elit. Cras luctus libero. Suspendisse non mi ac eros dignissim ultrices. Sed ultrices, mauris at scelerisque vulputate, odio nunc egestas enim, nec facilisis risus leo ut justo. In felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas purus erat, semper ut, lobortis vitae, pretium non, tortor. Ut nibh est, adipiscing et, pretium sit amet, fermentum dapibus, magna. Ut mauris mi, adipiscing id, scelerisque eu, sagittis vestibulum, nibh. Pellentesque hendrerit, justo sit amet bibendum rutrum, dui risus tincidunt metus, vitae convallis massa lacus eget dui.

Nam sed ipsum non risus commodo vestibulum. Nunc dictum. Nam felis. Nunc lorem. Integer in augue id magna volutpat condimentum. Nulla condimentum vulputate sem. Cras velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse potenti. Maecenas nec lacus. Integer turpis arcu, vulputate ut, ullamcorper sed, tristique vitae, sapien.</p>

		 </div>
		</div>

Dunno why it gets messed up in firefox Help appreciated!

[Extinct]

Nevermind fixed it by putting margin:0; in the <p> tag.

[Cokemonkey11]

I'd recomend learning XHTML at W3Schools.