Probleme Formatierung IE

mardusi · 28. August 2007

Hallo ... hab heute echt nen Fragekatalog ^^

weil ich schon eine Woche an den Problemen sitze und nicht weiterkomme

Page im Firefox >> http://www.tutorials.de/forum/attach...ge_firefox.jpg
Page im IE >> http://www.tutorials.de/forum/attach...34-page_ie.jpg
Page im Opera >> http://www.tutorials.de/forum/attach...page_opera.jpg

im Firefox alles wunderbar ....
im Internet Explorer verschiebt sich die Zeile bei den Werbebanner an den Seiten obwohl diese einen festen Wert besitzen ... zumal er auch nicht das ganze CSS beachtet

2. Problem im Opera wird meine Navigation nicht komplett angezeigt obwohl

Code "Naviagtion"

HTML:

<style type="text/css">
ul#nav {
	width:700px;
	padding:0;
	margin:0 auto;
	list-style-type:none;
}

ul#nav li {
display:inline;
}

ul#nav li a {
float:left;
width:100px;
height:20px;
text-decoration:none;
border-style:none;
}

ul#nav li a span {
display:none;
}

a.home, a.home:visited {
background-image:url(http://www.downtownraiderz.de/images/home.png);
}

a.members, a.members:visited {
background-image:url(http://www.downtownraiderz.de/images/members.png);
}

a.picture, a.picture:visited {
background-image:url(http://www.downtownraiderz.de/images/pictures.png);
}

a.workshop, a.workshop:visited {
background-image:url(http://www.downtownraiderz.de/images/workshop.png);
}

a.forum, a.forum:visited {
background-image:url(http://www.downtownraiderz.de/images/forum.png);
}

a.termine, a.termine:visited {
background-image:url(http://www.downtownraiderz.de/images/termine.png);
}

a.links, a.links:visited {
background-image:url(http://www.downtownraiderz.de/images/links.png);
}

a.home:hover, a.home:active, a.home:focus  {
background: url(http://www.downtownraiderz.de/images/hov_home.png);
}

a.members:hover, a.members:active, a.members:focus  {
background: url(http://www.downtownraiderz.de/images/hov_members.png);
}
a.picture:hover, a.picture:active, a.picture:focus  {
background: url(http://www.downtownraiderz.de/images/hov_pictures.png);
}
a.workshop:hover, a.workshop:active, a.workshop:focus  {
background: url(http://www.downtownraiderz.de/images/hov_workshop.png);
}
a.forum:hover, a.forum:active, a.forum:focus  {
background: url(http://www.downtownraiderz.de/images/hov_forum.png);
}
a.termine:hover, a.termine:active, a.termine:focus  {
background: url(http://www.downtownraiderz.de/images/hov_termine.png);
}
a.links:hover, a.links:active, a.links:focus  {
background: url(http://www.downtownraiderz.de/images/hov_links.png);
}
.navi {
	background-color:#544668;
	border-top: 1px solid #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
}
</style>
<td class="navi">
<del class="container">
<ul id="nav" >
    <li><a href="http://www.downtownraiderz.de" class="home"><span>home</span></a></li>
    <li><a href="#" class="members"><span>members</a></span></li>
    <li><a href="http://www.downtownraiderz.de/gallery/dtr_gallery.php" class="picture"><span>picture</span></a></li>
    <li><a href="http://www.downtownraiderz.de/DTR_test.php?content=/cfaq/index.php" class="workshop"><span>Workshop<span></span></a></li>
    <li><a href="http://www.downtownraiderz.de/phpBB2/index.php" class="forum"><span>forum</span></a></li>
    <li><a href="#" class="termine"><span>termine</span></a></li>
    <li><a href="#" class="links"><span>links</span></a></li>
</ul>
</del>
</td>

Code "Startseite"

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">
<head>
<style type="text/css">
<!--
body {
	background: url(images/carbon_bg.gif);
	margin:0px;
}
.DTR_navi {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
	text-align: center;
	text-decoration: none;
	background: #544668;
}
.DTR_Balken {
	background: #5e5578;
}

.DTR_Navi_Middle {
	border-right: 1px solid #000000;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
}

.DTR_Navi_Links {
	border-right: 1px solid #000000;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
}
.DTR_Navi_Rechts {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
}
.DTR_Infobox {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	background: #8a869c;
}
.Copyright {
	font: italic normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #5E5578;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	text-transform: none;
}
.DTR_Footer {
	background: url(images/footer.png);
}
-->
</style>

</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1023"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="41" height="100" background="images/banner_bg.png">&nbsp;</td>
        <td width="459" height="100" background="images/DTR_logo.png">&nbsp;</td>
        <td height="100" background="images/banner_bg.png">&nbsp;</td>
      </tr>
    </table></td>
  </tr>

<?php //Navigation
include ('navigation.php');
?>

  <tr>
    <td height="15" class="Copyright">&nbsp;</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td width="120" height="600" class="DTR_Infobox"><img src="images/DTR_08.png" /></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td rowspan="2" class="DTR_Infobox"><?php
	// Abfrage Schleife für Contentbox
 
	$content = $_GET['content'];

 	if($content!="")
	 { 
  	include("$content.php"); 
	} 
	else
	{
	include("news.php");
	}
?></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td width="120" class="DTR_Infobox"><a href="http://www.flash.de" target="_blank"><img alt="OPEL SCENE FLASH. Unabhängiges Magazin für die Opel-Community." border="0" height="600" src="http://www.flash.de/html/de/assets/Assets/SERVICE/sky_120_end.gif" width="120" /></a></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
      </tr>
      <tr>
        <td width="120" class="DTR_Balken">&nbsp;</td>
        <td width="120" class="DTR_Balken">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td class="Copyright">&nbsp;</td>
  </tr>
  <tr>
    <td height="10" class="Copyright">::: &copy; 2007 Webdesign &amp; Programming by www.downtownraiderz.de ::: </td>
  </tr>
  <tr>
    <td height="10" class="DTR_Footer">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Maik · 28. August 2007

Hi!

mardusi hat gesagt.:
hab heute echt nen Fragekatalog ^^

Deinen Fragekatalog mit den o.g. Problemen hast du doch schon heute Morgen im "Coders Talk"-Forum aufgeschlagen, von wo er zwischenzeitlich ins CSS-Board umgeleitet wurde (http://www.tutorials.de/forum/css/286255-page-sieht-jedem-browser-anders-aus.html).

Bitte starte hier keine Doppel-Threads mit derselben Frage-/Problemstellung in unterschiedlichen Forenbereichen und lies hierzu bitte auch die Netiquette (Nr.12) dieses Forums. Vielen Dank.

*closed*

Probleme Formatierung IE

mardusi

Mitglied

Maik

Neue Beiträge