zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Navigation

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.05.2007, 22:14
Benutzerbild von Zapfn
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2007
Beiträge: 10
Zapfn befindet sich auf einem aufstrebenden Ast
Standard Problem mit Navigation

Hallo, ich hab da ein Problem mit meiner Navigation:

Ich hab bei folgender Webseite Probleme mit der Darstellung im Internet Explorer 6 und 7:

TNT- Worlds Worst Case

Könnt ihr mir bitte helfen, denn im IE wird das komplett falsch angezeigt, im FF 2.0.0.3 und Opera 9.xx wirds korrekt angezeigt.

Code:
xhtml:

            <!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" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>TNT- Worlds Worst Case</title>
<link rel="stylesheet" type="text/css" href="start.css" />
   <!--[if IE 6]>
    <style type="text/css">@import url(ie_fix.css);</style>
  <![endif]-->
</head>
<body>
<!--Die Hauptbox-->
<div id="mainbox">

      <!--Der Header-->

      <div id="header">
      </div>

      <!--Die Trennlinie unterm Header-->
      <hr style="height: 5px; width: 611px; background-color: #696969; border:0px; noshade=noshade;" />

             <!--Der Verlauf hinterm Content-->
             <div id="verlaufhintercontent">

                 <!--Der Verlauf neben der Navi-->

                 <div id="verlaufnebennavi">
                 </div>

                 <!--Die Überschriften Leiste in Blautönen-->
                 <div id="leisteueberschrift"> &Uuml;berschriften...
                 </div>

                 <!--Der Hintergrund vom Content-->
                 <div id="contentbg"><p>Text
                 </p>

                 </div>

                 <!--Die Navigation-->
                 <div id="navigationlinks">
                 </div>

                 <!--Der Hintergrund der Navigation-->
                 <div id="navibg">
                       <!--Navigation mit Listen-->
                       <ul id="Navigation">

                            <li><a href="http://tntforum.de.gg" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Forum</a></li>
                            <li><a href="mitglieder.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Mitglieder</a></li>
                            <li><a href="uebertnt.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::&Uuml;ber TNT</a></li>
                            <li><a href="Kriege.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Kriege</a></li>
                            <li><a href="Neuigkeiten.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;::Neuigkeiten</a></li>
                       </ul>

                 </div>
</div>
       <!-- Trennlinie footer-->
       <hr style="height: 5px; width: 611px; background-color: #696969; border:0px; noshade=noshade;" />
</div>
</body>
</html>
CSS-Datei:

http://testcode.te.ohost.de/Code/start.css

Die Navigations-Box soll neben der Contentbox sein, und auch richtig angezeigt werden!

Im FF und Opera wirds richtig dargestellt!

Ich bitte um Hilfe!

Danke schonmal!

Geändert von Zapfn (28.05.2007 um 22:16 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.05.2007, 12:50
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Nun, zunächst einmal machst du da einige merwürden Dinge mit negativen Margins. Setzte erstmal alle Margins und Paddings zurück (siehe FAQ, Stichwort CSS-Prolog):

Code:
* {
margin: 0; padding: 0;
}
Und schmeisse die negativen Margins raus, dann sehen wir weiter.

Robin
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.05.2007, 13:22
Benutzerbild von Zapfn
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2007
Beiträge: 10
Zapfn befindet sich auf einem aufstrebenden Ast
Standard

Habe nun alle margins rausgeschmissen und siehe da, die Navi is jetzt oben.

Wie muss ich nun weiters vorgehen?

Danke schonmal!
Mit Zitat antworten
  #4 (permalink)  
Alt 29.05.2007, 13:30
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von Zapfn Beitrag anzeigen
Wie muss ich nun weiters vorgehen?
Keine Ahnung. Dein Problem ist ja gelöst.

Ich würde aber vorschlagen, deinen Code aufzuräumen, denn es ist eine DIV-Suppe.

Ganz schlecht:
- Unnötige DIVs
- Leere DIVs
- Klassennamen nach Aussehen statt Funktion.
- Abstände mit &nbsp;&nbsp;&nbsp;

Robin
Mit Zitat antworten
  #5 (permalink)  
Alt 29.05.2007, 13:39
Benutzerbild von Zapfn
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.01.2007
Beiträge: 10
Zapfn befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von RoToRa Beitrag anzeigen
Keine Ahnung. Dein Problem ist ja gelöst.

Ich würde aber vorschlagen, deinen Code aufzuräumen, denn es ist eine DIV-Suppe.

Ganz schlecht:
- Unnötige DIVs
- Leere DIVs
- Klassennamen nach Aussehen statt Funktion.
- Abstände mit &nbsp;&nbsp;&nbsp;

Robin
Kannst du mir ein Beispiel für leere bzw unnötige DIVs geben? Weiß nicht, wie du das meinst, denn mMn ist kein DIV leer!?
Mit Zitat antworten
  #6 (permalink)  
Alt 29.05.2007, 14:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.843
RoToRa wird schon bald berühmt werden
Standard

Leer:

Code:
<div id="header"></div>
<div id="verlaufnebennavi"></div>
<div id="navigationlinks"></div>
Unnötig:
Code:
<div id="navibg">...</div>
Robin
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Navigation safari CSS 12 20.04.2011 11:11
Navigation Problem Dav-88 CSS 10 17.04.2011 18:45
Dropdown Navigation Problem in Opera xuxu CSS 1 28.01.2011 16:45
Float-Problem? mischaef CSS 33 20.10.2010 16:20
Problem mit Navigation in css Layout INTERAKT!V CSS 22 01.06.2007 13:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:45 Uhr.