mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 00:32 Benutzername: Passwort: Auto-Login

Thema: Css problem vom 22.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Css problem
Autor Nachricht
pascal_2441990
Threadersteller

Dabei seit: 25.02.2008
Ort: Halscheid
Alter: 34
Geschlecht: Männlich
Verfasst Mo 22.09.2008 15:19
Titel

Css problem

 Antworten mit Zitat Zum Seitenanfang
Hallo,
ich habe das Problem das meine dynamishce navigation beim einblenden der unterpunkte einen Abstand von genau 40 px nach links erstellt.
Ich habe keine Ahnung wo der Abstand her kommnt.

HTML
Code:
<!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="en" lang="en">
   <head>
      <title>Brain Kids Zeig uns deine Ideen</title>   
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <script type="text/javascript" src="javascript/navigation.js"></script>

      <link href="css/navigationt.css" rel="stylesheet" type="text/css" />

   </head>
   
   <body>

         <ul id="Navigation">
            <li>
               <a href="index.php?content=d4a36ff42a959bc0a9e38feda9b98fa3">Idefffen</a>
               <ul id="Ideen">
                  <li>
                     <a href="index.php?content=53456ff96e66822f55c5d6a9ffc6d1a8">Beste Bewertung</a>
                  </li>
               </ul>
            </li>
            <li>
               <a href="index.php?content=05d316097eb9d1289765b00d23b6aba8">Anmeldung</a>
            </li>
            <li>
               <a href="index.php?content=bd438e66047230faa5af5ab729394706">Deine Idee</a>
               <ul id="Deine_Idee">
                  <li>
                     <a href="index.php?content=1eb869cbc62e298e310d0b4d40ef819b">Bewertung</a>
                  </li>
               </ul>
            </li>
            <li>
               <a href="index.php?content=17a2725097ccbce4b0bbe1b69fb49aaf">Preis</a>
               <ul id="Preis">
                  <li>
                     <a href="index.php?content=b942e4f5a179cba1cfa06da16af6823a">Wie Gewinn ich?</a>
                  </li>
               </ul>
            </li>
         </ul>

   </body>
</html>


CSS
Code:


ul#Navigation {

   margin: 0;
   padding: 0;

   position: relative;

}
ul#Navigation li {

   display:inline;
   margin: 0;
   padding: 0;
   border: 1px solid red;
}
ul#Navigation ul li {

   list-style: none;

   float: left;

   display:inline;
   width: 10em;  /* Breite den in li enthaltenen Elementen zuweisen */

}

* html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */

   margin-bottom: -0.4em;

}

*:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */

   margin-bottom: -0.1em;

}

ul#Navigation li ul {

   display: none;  /* Unternavigation ausblenden */ 

}

*:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */

   padding-bottom:0.4em;

}

ul#Navigation li:hover ul {

   display: inline;  /* Unternavigation in modernen Browsern einblenden */

}

ul#Navigation li ul li {

   display:inline;

   margin-bottom: 0em;
   border: 1px solid red; 
}

ul#Navigation a, ul#Navigation span {

   display: inline;

   text-decoration: none;

   font-size:12px;
}

* html ul#Navigation a, * html ul#Navigation span {

   width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */

   w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */

}

#Ideen{
   position: absolute;
   top: 1.5em;
   left: -40px;
}
#Preis{
   position: absolute;
   top: 1.5em;
   left: 0em;
}
#Deine_Idee{
   position: absolute;
   top: 1.5em;
   left: -40px;
}
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mo 22.09.2008 15:26
Titel

Antworten mit Zitat Zum Seitenanfang
Kannste das mal hochladen und einen Link zur lauffähigen Version posten ...?

Alternativ mal einen CSS-Reset durchführen und schauen ob der ominöse Abstand weg ist.

Code:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}


//Edit: Die "-40px" bei deinen IDs sind aber Absicht?!

Zuletzt bearbeitet von seal am Mo 22.09.2008 15:27, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pascal_2441990
Threadersteller

Dabei seit: 25.02.2008
Ort: Halscheid
Alter: 34
Geschlecht: Männlich
Verfasst Mo 22.09.2008 15:28
Titel

Antworten mit Zitat Zum Seitenanfang
du kannst die beiden code schnipsel einfach in 2 datein packen un dna funtzt das dan siehst du das prob auch.

Die minus 40 waren nur zum test ob es daran liegt^^

Zuletzt bearbeitet von pascal_2441990 am Mo 22.09.2008 15:29, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
therapiekind

Dabei seit: 14.03.2006
Ort: In deinem Kopf
Alter: -
Geschlecht: -
Verfasst Mo 22.09.2008 16:11
Titel

Antworten mit Zitat Zum Seitenanfang
Ich hab noch nie so ein kaputtes CSS gesehen. Ich muss die ganze Zeit lachen. Da jagt ja ein Hack den anderen. * Ich geb auf... *

Schau mal, ob du mit dem Teil besser klar kommst.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mo 22.09.2008 16:14
Titel

Antworten mit Zitat Zum Seitenanfang
pascal_2441990 hat geschrieben:
du kannst die beiden code schnipsel einfach in 2 datein packen un dna funtzt das dan siehst du das prob auch.

Die minus 40 waren nur zum test ob es daran liegt^^


Gibst du dir keine Mühe, geb ich mir auch keine. Ciau.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Formmailer-Problem-neues problem
Problem mit FTP
IE 8 Problem
css Problem mit dem IE
<div> Problem
Ein Problem mit css
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB