• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Darstellungsfehler bei IE und Firefox

Status
Für weitere Antworten geschlossen.

M4c

Neues Mitglied
Hallo,
hoffe jemand kann mir helfen.

Ich arbeite momentan an der Seite
http://brainlessgaming.br.funpic.de
und versuche das mit CSS zu machen.
Leider habe ich das Problem, das beim IE immer zwischen den Bildern und den Überschriften Platz ist und die Navigationspunkte verrutschen. Bei Firefox sieht das alles gut aus, leider werden die Hintergrundbilder der ganz rechten Navigation nicht angezeigt.

Was kann ich tun?

mfg M4c

PS: Danke schonmal für die Hilfe.

Der Code:

CSS:
Code:
.navi {
}
#navilinks {
font-size: 10px;
font-family: Verdana;
float : left;
}
.navibg { 
background-image:url(images/navi.jpg); 
margin : 0px; 
width : 169px; 
height : 17px;
}
.arrow {
float : left;
}
.feldgros {
background-image:url(images/feldgros.jpg); 
margin : 0px; 
width : 169px;
height : 192px;
}
.feldklein {
background-image:url(images/feldklein.jpg); 
margin:  0px; 
width : 169px;
height : 141px;
}
#content {
float : left;
}
#navirechts {
float : left;
} 
naviganzrechts {
float : right;
}
#navi2und3 {
float : right;
} 
#copyright {
case : break;
}
HTML:
Code:
<div id="banner">
<img src="images/banner.jpg" alt="Skill-Freaks"></td>
</div> 

<div id="navilinks">

    <div id="mainnavi">
         <img src="images/mainnavi.jpg">
    </div>
        
    <div class="navi">
        <div class="arrow"><img src="images/navi arrow.jpg"></div>
        <div class="navibg">&nbsp;<a href="index.php?site=content">Startseite</a></div>
    </div>

    <div id="subnavi">
        <img src="images/subnavi.jpg">
    </div>
    
    <div class="navi">
        <div class="arrow"><img src="images/navi arrow.jpg"></div> 
        <div class="navibg">&nbsp;<a href="index.php?site=forum">Forum</a></div> 
        <div class="arrow"><img src="images/navi arrow.jpg"></div> 
        <div class="navibg">&nbsp;<a href="index.php?site=forum">Forum</a></div>
    </div>
    
    <div id="partners">
        <img src="images/partners.jpg">
    </div>
    
    <div class="navi">
        <div class="feldgros"></div>
    </div>

</div>

<div id="content">

</div> 

<div id="navi2und3">

<div id="navirechts">
    
    <div id="user">
         <img src="images/user.jpg">
    </div>

    <div class="navi">
        <div class="feldgros"></div>  
    </div>
    
    <div id="poll">
        <img src="images/poll.jpg"> 
    </div>

    <div class="navi">
        <div class="feldgros"></div>
    </div>
    
    <div id="sponsors">
        <img src="images/sponsors.jpg">
    </div>
    
    <div class="navi">
        <div class="feldklein"></div>
    </div>
    
    <div id="special">
        <img src="images/special.jpg">
    </div>
    
    <div class="navi">
        <div class="feldklein"></div>
    </div>
  
</div>   

<div id="naviganzrechts">

    <div id="latestnews">
        <img src="images/latestnews.jpg">  
    </div>
    
    <div class="navi">
        <div class="feldgros"></div>
    </div>
    
    <div id="latestarticels">  
        <img src="images/latestarticels.jpg">    
    </div>
    
    <div class="navi">
        <div class="feldgros"></div>
    </div> 
    
    <div id="latestmatches">
        <img src="images/latestmatches.jpg">
    </div>
    
    <div class="navi">
        <div class="feldklein"></div>
    </div>
    
    <div id="nextmatches">
        <img src="images/nextmatches.jpg">    
    </div>
    
    <div class="navi">
        <div class="feldklein"></div>
    </div>

    <div id="stats">
        <img src="images/stats.jpg">
    </div>
    
    <div class="navi">
        <div class="feldklein"></div>
    </div>

</div>

</div>

<div id="copyright">
     <img src="images/copyright.jpg" alt="Copyright 2007 by M4c"> 
</div>
 
Zuletzt bearbeitet:
ZU den Bildern hast du schon überprüft ob die Pfadangabe richtig ist????
Zu dem anderen kann ich dir mit meinen jetzigen Kenntnissen noch nicht weiterhefen!!!!
 
hi cyberman,
die pfadangaben stimmen, da diese Bild beim IE angezeigt werden und außerdem benuzt die linke Reihe ja auch die gleichen Bilder.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben