• Locked
No replies
Wed, 2004-08-18 22:07
BigJKO
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-08-18
Posts: 1
Points: 0

Ok, here's my problem:

Firefox (OK), IE6(Very much not OK)

So, basically the padding's are weird on the menu's "sliding doors" background effect. And then there's this nasty line that just appears out of nowhere in IE6 in the header.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
	<title>vefráð er kynlífshringur</title>
	<link rel="stylesheet" type="text/css" media="screen" href="./default/stylesheet.css" title="default" />
	<link rel="alternate stylesheet" type="text/css" media="screen" href="./redpower/stylesheet.css" title="redpower" />
</head>

<body>

<div id="container">
	<div id="head">
		<div id="header">
			<h1>nfmh.is - vefsíða</h1>
		</div>
		<div id="forums">
			<div id="nav">
				<ul>
					<li id="nav-frontpage"><a href="#">Forsíða</a></li>
					<li id="nav-forums"><a href="#">Spjall</a></li>
					<li id="nav-gallery"><a href="#">Myndasöfn</a></li>
					<li id="nav-subpages"><a href="#">Félög</a></li>
					<li id="nav-statictxt"><a href="#">Lög/annað</a></li>
					<li id="nav-help"><a href="#">Hjálp</a></li>
				</ul>
			</div>
		</div> 
		<div id="breadcrump">
			<ul>
				<li class="first"><a href="1">nfmh.is</a>
				<ul>
					<li>» <a href="2">Spjall</a>
					<ul>
						<li>» <a href="3">Stórfélagsspjall</a>
						<ul>
							<li>» <a href="4">Vefráð</a></li>
						</ul></li>
					</ul></li>
				</ul></li>
			</ul>
		</div>
	</div>
	<div id="body">
		<div id="sidebar">
			<div id="box-login">
				<h3>Innskráning</h3>
				<p>Þetta er innskráningin</p>
			</div>
			<div id="box-birthday">
				<h3>Afmæli</h3>
				<ul>
					<li>Matthías</li>
					<li>Finnur</li>
					<li>Jökull Sólberg Auðunsson Auðunsson</li>
					<li>Alladin Ómar Yassininiii</li>
				</ul>
			</div>
			<div id="box-haiku">
				<h3>Haiku</h3>
				<p>Splunkuný síða<br />ábyggilega ekki<br />slæm en villufrjáls</p>
				<span>Kári Hreinsson // 17.8.2004</span>
			</div>
		</div>
		<div id="content">
			<div id="mod-article">
				<div class="decoration">
					<h2>Vefráð NFMH ber afkvæmi</h2>
					<span>Höfundur: Jökull Sólberg Auðunsson // 17.8.2004 15:20</span>
				</div>
				<p>Vefráð kynnir samnemum sínum ávexti iðu sinnar síðustu vikur. Við erum stoltir af nýju síðunni okkar. Vonandi er þetta upphaf nýrra rafrænni tíma þeirra sem prýða sig af og njóta vefsetur nemendafélagsins.</p>

				<div class="decoration">
					<h2>Jökull er á fullu í CSS</h2>
					<span>Höfundur: Einhver Fokkings Hommi // 17.8.2004 17:50</span>
				</div>
				<img src="./draschl/image.jpg" alt="Maður spur sig...hvað ætti að standa í altinu?" /><p>I’ve ridden 100 miles (approximately) on a road bike. You may remember my proclamation of a few weeks back, inspired by Lance Armstrong’s historic sixth straight win over Le Tour de France, I had decided I needed a road bike.A bike was then purchased, and as corny as it sounds, on the very afternoon of Lance’s familiar pose in front of the Arc de Triomphe.<br />
				So far, I’ve fallen twice. Hard. On account of the clipless pedals which lock your special shoes into the the cranks of the bike, requiring a delicate, almost graceful “twitch” of the heel in order to free them again. My problem: unlock right foot (so that I may touch the curb), but lean left — thereby tipping ever-so-slowly into the pavement. It’s the sort of fall that happens literally in slow motion. You know you’re going to hit the ground, yet you can (or choose to) do nothing about it.<br />
				Aside from the falls, I’m loving it. Hills are getting slightly easier, and thanks to my wife I’m going on some nice routes around the North Shore of Boston.<br />
				FigureThere is one scenario that’s maddening though. Consider the figure on the right. I’m riding along, and a huge SUV sits parked on my right. Just to the left of the SUV is a giant pothole. I have three choices here: Run into the back of the SUV, take my chances with the pothole or swerve out into the lane around both. Don’t worry, I’m extremely cautious when riding. But I’m presented with this situation constantly.<br />
				And that brings me to another topic: why is cycling more popular outside the United States? I’ll take a few guesses. I can’t speak for all of Europe, but when we visited Sweden recently, there were few or no SUVs in sight. Gas was roughly 3 times what it is here, making it more expensive to get out on the road. Less cars, smaller cars = more room on the road.<br />
				In New England—or in any location that has harsh, snowy winters—roads are horrible. Potholes are everywhere. Salt, gravel and snowplows make for bad riding during the other seasons. Road work is constantly being done. Certainly that has to affect cycling popularity in some fashion.<br />
				Regardless, it’s fun and it gets me exercising—which these days is a victory. Expect additional reports as the miles increase..</p>
			</div>
			<div id="mod-forums">
				<table cellspacing="0">
					<tr class="decoration">
						<th>Spjall</th>
						<th class="center">Þræðir</th>
						<th class="center">Póstar</th>
					</tr>
					<tr>
						<td><h2><a href="4">Vefráð</a></h2><p>Einkaspjall og cybersex spjallþráður strákanna í vefráði. Fullt af svæðilegum kynlífsfrásögnum og öðru gúrmeti.</p></td>
						<td class="center"><h2>1521</h2></td>
						<td class="center"><h2>6528</h2></td>
					</tr>
					<tr>
						<td><h2><a href="4">BDSM Félag</a></h2><p>Viðbjóðir óbjóður öfuguggar ógeðslegt fólk með svipur afturkreistingar og svo framvegis. Mjög gefandi spjall.</p></td>
						<td class="center"><h2>12</h2></td>
						<td class="center"><h2>0</h2></td>
					</tr>
				</table>
			</div>
			<div id="mod-thread">
				<div class="decoration">
					<h2>Hvernig er það hérna? Titill</h2>
					<span>Höfundur: Kristján Fokkings Fáviti // Dagsetning: 17.8.2003</span>
				</div>
				<p>And that brings me to another topic: why is cycling more popular outside the United States? I’ll take a few guesses. I can’t speak for all of Europe, but when we visited Sweden recently, there were few or no SUVs in sight. Gas was roughly 3 times what it is here, making it more expensive to get out on the road. Less cars, smaller cars = more room on the road.<br />
				In New England—or in any location that has harsh, snowy winters—roads are horrible. Potholes are everywhere. Salt, gravel and snowplows make for bad riding during the other seasons. Road work is constantly being done. Certainly that has to affect cycling popularity in some fashion.<br />
				Regardless, it’s fun and it gets me exercising—which these days is a victory. Expect additional reports as the miles increase..</p>
			</div>
			<div id="mod-threads">
				<table cellspacing="0">
					<tr class="decoration">
						<th>Þráður</th>
						<th class="center">Svör</th>
						<th class="center">Höfundur</th>
						<th>Síðasta Svar</th>
					</tr>
					<tr>
						<td><h2><a href="4">Hvernig á að umskera sig sjálfur</a></h2></td>
						<td class="center"><h2>25</h2></td>
						<td class="center"><h2>Jökull Sólberg Auðunsson</h2></td>
						<td><span>Kári Hreinsson<br />Áðan 18:30<span></td>
					</tr>
					<tr>
						<td><h2><a href="4">Kennarinn minn vill mig</a></h2></td>
						<td class="center"><h2>2</h2></td>
						<td class="center"><h2>Ragnar Fjalar</h2></td>
						<td><span>Kári Hreinsson<br />Áðan 18:31<span></td>
					</tr>
				</table>
			</div>
		</div>
		<div id="footer">
			<p>nfmh.is - nemendafélag menntaskólans við hamrahlíð<br />
			&copy; vefráð 2004</p>
		</div>
	</div>
</div>

</body>

</html>

CSS:

body {
	font: 11pt/1.5em 'Verdana';
	background: #999966;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	}

.decoration h2 {
	font-size: 12pt;
	border-bottom: 1px solid #666633;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 40px;
	padding-left: 15px;
	padding-bottom: 5px;
	}

.decoration span {
	font-size: 8pt;
	font-weight: 700;
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 0px;
	line-height: 15px;
	}

p {
	margin-left: 20px;
	}

img {
	margin: 5px;
	padding: 3px;
	border: 2px #999966 solid;
	float: right;
	}

#container {
	width: 750px;
	margin: auto;
	background: url("./img/background.jpg");
	/*border-left: 2px solid #666633;
	border-right: 2px solid #666633;*/
	border: 2px solid #666633;
	padding: 0px;
	margin-bottom: 20px;
	background-repeat: repeat-y;
	}

#header {
	height: 200px;
	background: url("./img/header.jpg") top right;
	background-color: #666633;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}

#header h1 {
	visibility: hidden;
	margin:0px;
	}

#nav {
	margin: 0px;
	padding-left: 20px;
	font-size: 9pt;
	background: url("./img/headerbottom.jpg") no-repeat top right;
	height: 45px;
	}

#nav ul {
	margin:0px;
	padding-top: 23px;
	padding-left: 0px;
	}

#nav li {
	background: url("./img/tabright.gif") no-repeat top right;
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}

#nav-frontpage {
	}

#nav-forums {
	}

#nav-gallery {
	}

#nav-subpages {
	}

#nav-statictxt {
	}

#nav-help {
	}

#nav a {
	color: #fff;
	background: url("./img/tableft.gif") no-repeat top left;
	padding: 3px 3px 4px 13px;
	text-decoration: none;
	}

#nav a:hover {
	text-decoration: underline;
	}

/* active */

#frontpage #nav-frontpage , #forums #nav-forums , #gallery #nav-gallery , #subpages #nav-subpages , #help #nav-help , #statictxt #nav-statictxt  {
	background: url("./img/tabselright.gif") no-repeat top right;
	color: #fff;
	list-style: none;
	display: inline;
	text-decoration: none;
	}

#frontpage #nav-frontpage a , #forums #nav-forums a , #gallery #nav-gallery a , #subpages #nav-subpages a , #help #nav-help a , #statictxt #nav-statictxt a{
	background: url("./img/tabselleft.gif") no-repeat top left;
	}

#breadcrump {
	color: #fff;
	background: #FAFADC url("./img/gradnav.gif") repeat-x bottom left;
	padding: 3px 3px 3px 10px;
	margin-bottom: 5px;
	font-size: 80%;
	}
#breadcrump ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#breadcrump ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#content {
	font-size: 10pt;
	width: 500px;
	z-index: 19;

	}

#sidebar {
	float: right;
	width: 200px;
	text-align: right;
	z-index: 20;
	}

/* login box */

#box-login, #box-birthday, #box-haiku, #box-styles {
	border: 1px solid #999966;
	margin: 15px;
	font-size: 8pt;
	}

#box-login h3 {
	font-weight: 700;
	padding-right: 15px;
	margin: 5px;
	}

#box-login p {
	text-align: left;
	margin: 10px;
	font-size: 8pt;
	}

/* birthday box */

#box-birthday h3 {
	font-weight: 700;
	padding-right: 15px;
	margin: 5px;
	}

#box-birthday ul {
	padding: 0px;
	margin: 10px;
	list-style-type: none;
	font-size: 10pt;
	line-height: 2em;
	}

#box-birthday li {
	text-align: left;
	line-height: 1.0em;
	padding: 0px;
	margin: 5px;
	margin-top: 0px;
	font-size: 8pt;
	}

/* haiku box */

#box-haiku h3 {
	font-weight: 700;
	padding-right: 15px;
	margin: 5px;
	}

#box-haiku ul {
	padding: 0px;
	margin: 5px;
	list-style-type: none;
	font-size: 10pt;
	}

#box-haiku li {
	text-align: left;
	line-height: 1.5em;
	padding: 0px;
	margin: 5px;
	margin-top: 0px;
	font-size: 8pt;
	}

#box-haiku p {
	text-align: left;
	margin: 5px;
	}

#box-haiku span {
	font-size: 7pt;
	font-style: italic;
	font-weight: normal;
	margin-right: 5px;
	margin-top: 0px;
	}

/* stylesheet box */

#box-styles h3 {
	margin-right: 20px;
	}

#box-styles ul {
	text-align: left;
	list-style-type: none;
	padding-left: 20px;
	}

/* forums */

#mod-forums {
	
	}

#mod-forums p {
	line-height: 1.2em;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 10px;
	}

#mod-forums h2 {
	font-size: 10pt;
	font-weight: normal;
	padding-left: 10px;
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#mod-forums tr.decoration {
	background: url("./img/gradnav.gif");
	}

#mod-forums th {
	border-top: 1px solid #666633;
	border-bottom: 1px solid #666633;
	border-right: 1px solid #666633;
	text-align: left;
	padding-left: 10px;
	font-size: 8pt;
	}

#mod-forums th.center {
	text-align: center;
	padding-right: 10px;
	}

#mod-forums td {
	border-bottom: 1px solid #999966;
	}

#mod-forums td.center {
	text-align: left;
	}

#mod-threads p {
	line-height: 1.2em;
	font-size: 8pt;
	margin-right: 10px;
	}

#mod-threads h2 {
	font-size: 8pt;
	font-weight: normal;
	line-height: 1em;
	padding-left: 10px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	}

#mod-threads span {
	font-size: 7pt;
	line-height: 1.3em;
	}

#mod-threads tr.decoration {
	background: #999966 url("./img/gradnav.gif") repeat-x bottom;
	border: none;
	}

#mod-threads td {
	border-bottom: 1px solid #999966;
	}

#mod-threads td.center h2 {
	font-size: 7pt;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#mod-threads th {
	border-top: 1px solid #666633;
	border-bottom: 1px solid #666633;
	border-right: 1px solid #666633;
	text-align: left;
	padding: 5px;
	padding-left: 10px;
	line-height: 1em;
	font-size: 8pt;
	}

#mod-threads th.center {
	text-align: center;
	padding-right: 10px;
	}

#footer {
	margin-top: 20px;
	margin-left: 200px;
	margin-right: 200px;
	font-size: 7pt;
	line-height: 1em;
	text-align: center;
	padding-bottom: 5px;
	border-top: 1px solid #999966;
	}

So, IE6 seems to intepret the #nav li padding in some weird way, making it completely different from Firefox's display. And that line... I don't know where the hell that comes from?

Any great ideas?

Top
Tags: