✔ Wieder ein CSS Problem

Status
Nicht offen für weitere Antworten.
R

reddragon90

Erfahrenes Mitglied
Guten Abend,

ich habe schon wieder ein CSS problem. Könnt ihr mir sagen was ich der fehler ist?
Code: 
body {
background-color : #3365a4;
}
a:link {
color : #003399;
}
a:visited {
color : #003399;
}
a:hover {
color : #9f0000;
}
a:active {
color : #9f0000;
}
#container {
position : relative;
margin-left : 0;
width : 1024px;
height : 700px;
z-index : 1;
}
#topContainer {
position : relative;
margin-left : 50px;
margin-top : 20px;
width : 1024px;
height : 145px;
background-image : url(screen/bg_header.gif);
background-repeat : no-repeat;
z-index : 2;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#Logo {
position : absolute;
margin-left : 10px;
margin-top : 10px;
left : 68px;
top : 31px;
width : 321px;
height : 57px;
z-index : 4;
}
#bottomContainer {
margin-left : 50px;
margin-top : 0;
width : 1024px;
height : 170px;
background-image : url(screen/bg_bottom.gif);
background-repeat : no-repeat;
top : 282px;
left : 0;
z-index : 5;
}
#leftContent, #middleContent, #rightContent {
float : left;
}
#leftContent {
position : relative;
left : 40px;
margin-left : 10px !important;
margin-right : 0;
width : auto;
width : 170px;
z-index : 6;
}
#middleContent {
position : relative;
left : 40px;
margin-left : 0;
margin-right : 0;
min-width : 588px !important;
width : auto;
z-index : 7;
padding-left : 20px;
}
#rightContent {
position : relative;
left : 40px;
margin-left : 0;
margin-right : 0;
width : 262px;
z-index : 8;
}
#mainNavigation {
position : relative;
left : 500px;
top : 20px;
width : 294px;
height : 50px;
z-index : 9;
}
#bottomNavigation {
position : relative;
left : 90px;
top : 70px;
width : 600px;
height : 30px;
z-index : 10;
margin-left : 50px;
margin-top : auto !important;
}
#navcontainer {
width : 177px;
text-align : left;
border : 0 solid black;
border-bottom : none;
margin-bottom : 2em;
}
#navcontainer ul {
margin : 0;
padding : 0;
list-style-type : none;
text-indent : 12px;
letter-spacing : 0;
}
#navcontainer li {
list-style-image : none;
margin : 0;
border-bottom : 1px solid #999;
}
#navcontainer a {
display : block;
width : 177px;
height : 22px;
font : bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
}
#navcontainer a:link, #navcontainer a:visited {
color : #3365a4;
text-decoration : none;
padding-bottom : 0;
}

mfg
 
Hi,

wenn du noch verräts, um was für ein Problem es sich hierbei handelt, was in welchem Browser nicht wie gewünscht funktioniert, und den dazugehörigen HTML-Code zeigst, kann dir sicherlich der entscheidende Tipp gegeben werden.
 
HTML: 
<body>
			

	<div id="container">
		<div id="topContainer">
			<div id="Logo"><a href="index.php"><img src="../css/screen/logo.gif" width="312" height="58" border="0" alt=""/></a></div>
			 	<div id="mainNavigation">
					<?php include("../include/topNavigation_de.inc.php"); ?>
			 	</div>
		</div>

	<div id="middleContainer" class="clearfix">
  		<div id="leftContent">
			<?php include("../include/navigation_de.inc.php"); ?>
		</div>
	<div id="middleContent">
		<div align="left">
	    Herzlich Willkommen auf Aviation Photography</div>
	</div>

			<div id="rightContent">
						<a href="#"><strong>Nachrichten / Ank&uuml;ndigungen</strong></a>
				<ul class="bullet">
						<a href="#"><li>Turkish Airlines will an die Spitze fliegen</li></a>
						<a href="#"><li>Hamburg International ordert 14 Flugzeuge des Typs Airbus A319</li></a>
						<a href="#"><li>SQ: Sommer 2007, mehr als 90 Flüge aus Deutschland in die Türkei</li></a>
						<a href="#"><li>Lufthansa Technik exklusiver Partner von Virgin America </li></a>
				</ul>

						<a href="#"><strong>Aktualisierungen</strong></a><br />
				<ul class="bullet">		
						<a href="#"><li>Seite ist seit dem D.M.Y Online</li></a>
						<a href="#">
						<li>Neue Bilder</li>
						</a>
				</ul>	
	        </div>
	  </div>
				
	  <div id="bottomContainer">
	    <div id="bottomNavigation">
			<?php include("../include/bottomNavigation_de.inc.php"); ?>
	  </div>
	  </div>
</div>

</body>

Firefox zeigt es diemal nicht korrekt an. Es geht eigentlich nur um dden rightContent. Dieser wird im FF ziemlich mittig dargestellt. Falls ihr aber noch andere Fehler findet könnt ihr diese gleich mit anprechen, wenn ihr möchtet.
 
Vielleicht hilft dir das hier weiter?

Code: 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
display : block;
}

* html .clearfix {
height : 1%;
}

#leftContent {
float:left;
position : relative;
width : 170px;
z-index : 6;
}

#middleContent {
position : relative;
left : 40px;
margin-left : 170px;
margin-right : 262px;
z-index : 7;
padding-left : 20px;
}

#rightContent {
float:right;
width : 262px;
z-index : 8;
}

Code: 
<div id="container">
     <div id="topContainer">
          <div id="Logo"><a href="index.php"><img src="../css/screen/logo.gif" width="312" height="58" border="0" alt=""/></a></div>
          <div id="mainNavigation"><?php include("../include/topNavigation_de.inc.php"); ?></div>
     </div>
     <div id="middleContainer" class="clearfix">
          <div id="leftContent"><?php include("../include/navigation_de.inc.php"); ?></div>
          <div id="rightContent">
               <a href="#"><strong>Nachrichten / Ank&uuml;ndigungen</strong></a>
               <ul class="bullet">
                   <li><a href="#">Turkish Airlines will an die Spitze fliegen</a></li>
                   <li><a href="#">Hamburg International ordert 14 Flugzeuge des Typs Airbus A319</a></li>
                   <li><a href="#">SQ: Sommer 2007, mehr als 90 Flüge aus Deutschland in die Türkei</a></li>
                   <li><a href="#">Lufthansa Technik exklusiver Partner von Virgin America</a></li>
               </ul>
               <a href="#"><strong>Aktualisierungen</strong></a><br />
               <ul class="bullet">
                   <li><a href="#">Seite ist seit dem D.M.Y Online</a></li>
                   <li><a href="#">Neue Bilder</a></li>
               </ul>
          </div>
          <div id="middleContent">
                <div align="left">Herzlich Willkommen auf Aviation Photography</div>
          </div>
     </div>
     <div id="bottomContainer">
            <div id="bottomNavigation"><?php include("../include/bottomNavigation_de.inc.php"); ?></div>
     </div>
</div>
 
Na gut Danke. Ich muss es nochmal in ruhe machen, so zeigt er mir noch fehler an, aber das bekomm ich hin. Ich muss nur die Grafik verzeichnisse ändern. Danke für die Hilfe :)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück