-----------------------------------

JHanson90

Mon Jan 31, 2005 10:16 pm


Webpage Renders Weird

-----------------------------------

I've looked through my code, but I haven't been able to find anything odd.  Right now, it's also all valid code.  On the [URL=http://qrc.qr.funpic.org/news.php]news page of my new website, it shows up the way that it should when viewed in Mozilla Firefox, but in Opera and Microsoft Internet Explorer, the right side of those black news boxes for some reason get pulled over to the right and almost under the links in the right-side panel.

[URL=http://qrc.qr.funpic.org/themes/darkblue/style.css]Stylesheet

Could any of you help me identify the reason behind this rendering problem?  Thanks.


-----------------------------------

Tony

Tue Feb 01, 2005 10:39 am



-----------------------------------

Microsoft doesn't follow the standarts. You'd have to write separate CSSes for other browsers. Although you're better off just identifying problematic CSS tags and restraining from using those.

Or tell your visitors to use Firefox. :wink:


-----------------------------------

Amailer

Tue Feb 01, 2005 11:00 am



-----------------------------------

well there could be better way around this but how about

table.news {
	width: 95%; /* changed from 100% to 95% */
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 10px 10px 10px 10px;
	background-color: black;
}

table.news tr td {
	/* Simply removed the width from here XD */
	font-weight: bold;
	padding: 2px 2px 2px 2px;
}