Wed, 2004-08-18 22:07
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 /> © 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?