Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
CSS menü unterschiedlich groß
zurück: CSS Problem mit Wrapper weiter: ID und hover frage Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Offen Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
Gast



Verfasst am:
06. Apr 2012, 17:42
Rufname:

CSS menü unterschiedlich groß - CSS menü unterschiedlich groß

Nach oben
       

Hallo, ich habe mir ein Pull Down Menü mit CSS erstellt. Nach einer Prüfen mit unterschiedlichen Browsern (Internet Explorer 7, Opera 11, Firefox 11 und Chrom 17.0.963.83 m), habe ich festgestellt das, dass Menü im Internet und Firefox so angezeigt wird wie ich es haben möchte bzw. da wird es gleich angezeigt und im Opera wird es größer angezeigt also da wechselt das Menü auf die 2. Zeile und im Chrom wird es kleiner angzeigt da fehlt am ende der zeile noch ein kleines Stück Sad.

Ich Poste mal den quellcode und vielleicht weiß ja jemand hier im Forum was ich falsch gemacht habe bzw was für Parameter fehlen um es auf allen Browsern richtig anzuzeigen.
CSS Code:
Code:
div#Rahmen
   {
      clear: both;
      float: left;   
      width: 100%;   /*Breite der navigationsleiste*/
      /*overflow: hidden;--*/
      font-family: Verdana;
      font-size: 1em;
      border: 0px solid black;
      background-color: black;
      margin-right: auto;
      margin-left: auto;
   }
   
  * html div#Rahmen
   {  /* Korrektur fuer IE 5.x */
      width: 48.7em; /*48.7*/
      w\idth: 47.1em;
   }
   
  div#Rahmen div    
   {
      clear: left;
   }
   
  ul#Navigation
   {
      margin: 0 auto; /*Abstand der Buttons zum Banner*/
      padding: 0px; /*abstand der Buttons nach links und rechts*/
      /*width: 97%; zum ausrichten des menüs*/
   }

  ul#Navigation li
   {
      list-style: none;
      float: left;  /* ohne width - nach CSS 2.1 erlaubt*/
      position: relative;
      margin: 0em;
      padding: 0;
      margin: 0 auto;
   }

  * 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.0em;
   }

  ul#Navigation li ul
   {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 1.4em;  /*top = abstand zu untermenü buttons*/
      left: 0em; /*einrück wert der untermenü button*/
      display: none;  /* Unternavigation ausblenden */
   }
   
  * html ul#Navigation li ul
   {  /* Korrektur fuer IE 5.x */
      left: -1.5em;
      lef\t: -0.4em;
   }
   
  *:first-child+html ul#Navigation ul
   {  /* Workaround fuer den IE 7 */
      background-color:silver;
      padding-bottom:0.0em; /*Grauer Rahmen hinter Untermenü Buttons*/
   }
   
   ul#Navigation li:hover ul
   {
      display: block;  /* Unternavigation in modernen Browsern einblenden */
   }
   
  ul#Navigation li ul li
   {
      float: none;
      display: block;
      margin-bottom: 0.0em; /*Abstand zwischen den Untermenü Buttons*/
   }

  ul#Navigation a, ul#Navigation span
   {
      display: block;
      width: 8.61em;  /*8.58  8.1 Breite den in li enthaltenen Elementen zuweisen */
      padding: 0.2em 1em;
      text-decoration: none;
      font-weight: bold;
      border: 1px solid black; /*Rahmen um die Buttons*/
      border-left-color: white;
      border-top-color: white;
      color: black; /*schriftfarbe im normalen zustand*/
      background-color: #a4aab1; /*Button Farbe im Normalen zustand*/
      font-size:0.8em; /*Schriftgröße*/
      font-family: Arial;
   }
 
  * html ul#Navigation a, * html ul#Navigation span
   {
      width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
      w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
   }
   
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell
   {
      border-color: white;
      border-left-color: black; /*button schwarz umrahmt*/
      border-top-color: black; /*button schwarz umrahmt*/
      color: white; /*schriftfarbe wenn ich über den Button gehe*/
      background-color: #697a8c; /*Hintergrundfarbe wenn ich über den Button gehe*/
   }
   
  li a#aktuell
   {  /* aktuelle Rubrik kennzeichnen */
      color: maroon;
      background-color: black;
   }
   
  ul#Navigation li ul span
   {  /* aktuelle Unterseite kennzeichnen */
      background-color: maroon;
   }
Menü
Code:
<div id="Rahmen">
   <ul id="Navigation">
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite1">seite1</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite2">seite2</a></li>
      <li><a href="">Ueberschrift</a>
         <ul>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite3">seite3</a></li>
         </ul>
      </li>
      <li><a href="">Ueberschrift</a>
         <ul>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite4_u1">seite4_u</a></li>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite4_u2">seite4_u2</a></li>
         </ul>
      </li>
      <li><a href="">Ueberschrift</a>
         <ul>
                  <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite5_u1">seite5_u1</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite5_u2">seite5_u2</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite5_u3">seite5_u3</a></li>

      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite6">seite6</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite7">seite7</a></li>
   </ul>
</div>
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
07. Apr 2012, 19:52
Rufname:
Wohnort: Aachen


AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo Gast,

mein Test hat ergeben, dass das Ergebniss in allen Browsern gleich ausfällt. Allerdings habe ich das letzte (vor dem schließenden </div> fehlende) </ul> ergänzt. Ein Fall von: kleiner Flüchtigkeitsfehler - große Wirkung?

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
08. Apr 2012, 18:57
Rufname:

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Danke für deine schnelle Antowrt. Oh beim kopieren bzw abändern des Menüs ist ein Fehler mit rein gekommen... zwischen:
Code:
?>?seite=seite5_u3">seite5_u3</a></li>

      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=seite6">seite6</a></li>
habe ich ein </ul> stehen das müsste das sein welches du meintest oder?
ich habe auch noch ein </li> drin stehen, dass fehlt in meinem Beispielcode hier auch Sad.

also ich habe es gerade nochmal getestet also bei mir funktioniert es nicht bei Opera zieht er die Menü leiste immer ein paar pixel länger wie im IE oder FF Sad.

Welche Versionen verwendest du?
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
09. Apr 2012, 12:40
Rufname:
Wohnort: Aachen

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo Gast,

das Problem mit den unterschiedlichen Längen lag an den relativen Angaben für die Listenelemente, da scheinen bei Chrome und Opera nach dem Berechnungsvorgang unterschiedliche Breiten raus zukommen. Es geht um folgende CSS-Anweisung:
Code:
ul#Navigation a, ul#Navigation span
   {
      display: block;
      width: 110px;  /* 8.58  8.1 Breite den in li enthaltenen Elementen zuweisen */
      height: 18px;
      padding: 2px 13px;
      text-decoration: none;
      font-weight: bold;
      border: 1px solid black; /*Rahmen um die Buttons*/
      border-left-color: white;
      border-top-color: white;
      color: black; /*schriftfarbe im normalen zustand*/
      background-color: #a4aab1; /*Button Farbe im Normalen zustand*/
      font-size: 0.8em; /*Schriftgröße*/
      font-family: Arial;
   }
Ich habe dem Listenelement eine feste Höhe (Gesamthöhe 24px minus 2px Rand, minus 4px padding = 18px definierte Höhe) und feste Breite gegeben (Gesamtbreite 138px minus 2px Rand, minus 26px padding = 110px definierte Breite). Die Innenabstände waren vorher in em angegeben, was ja eine relative Einheit ist. Diese habe ich durch Pixel ersetzt. Du kannst die Innenabstände noch nach deinem Gusto ändern; derzeit ist die Angabe für oben und unten auf je 2px, rechts und links auf je 13px eingestellt. Wenn du für oben und unten unterschiedliche Angaben machen möchtest, so müssen sie anders angegeben werden: entweder so
Code:
padding: 3px 13px 1px;
oder so
Code:
padding: 3px 13px 1px 13px;
Bei dieser Kombination der oberen und unteren Werte für die Innenabstände, bleibt die definierte Höhe erhalten; sollte die Gesamthöhe der abgezogenen Innenabstände höher als in der Berechnung oben ausfallen, so muss die definierte Höhe entsprechend angepasst werden. Also, liegt die Summe der oberen und unteren Innenabstände bspw. bei 5 Pixel, so muss die definierte Höhe um 1 Pixel verringert werden; liegt die Summe bei 3 Pixeln, so muss die definierte Höhe um 1 Pixel erhöht werden.

Nun sieht es in allen Browsern gleich aus, ich habe es mit Screenshots und einem Grafikprogramm geprüft. Getestet im FF 11, IE7, Chrome 18, Safari 5.0.5 und Opera 11.62.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
09. Apr 2012, 21:51
Rufname:


AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Danke womaninweb für die Hilfe und die gute Erklärung.
Eine Frage hätte ich aber noch :-/ was müsste ich ergänzen oder abändern wenn ich möchte das mein Menü immer mittig angezeit wird? Jetzt fängt das Menü vorne Links an und endet hinten rechts was auch ok ist, da ich es so Breit brauch nur wenn ich jetzt 2 Links entferne wird es kürzer und ich möchte aber das mein Menü dann in der Mitte steht.
Weißt du wie ich das meine?
Es währe nett wenn du mir diese Variante auch noch aufzeigen könntest Smile.

Danke
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
10. Apr 2012, 12:15
Rufname:
Wohnort: Aachen

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo Gast,

in Prinzip funktioniert das so ähnlich wie bei der Buttonbreite: ohne eine fixe Angabe der Breite kann der Browser nicht eine mittige Position berechnen. Der entscheidende Part ist die erste CSS-Anweisung. Dort muss das float: left; (hab's hier auskommentiert) raus und bei width eine feste Breite rein. Rechnerisch ergibt sich eine Breite von 966 Pixel, da 7x die Breite der einzelnen Listenelemente (138px) dies ergibt. Bei Änderungen im Menü ist es in Zukunft nun mehr Rechnerei.
Code:
div#Rahmen
   {
      clear: both;
      /*float: left;*/ 
      width: 966px;   /*Breite der navigationsleiste, vormals 100%*/
      /*overflow: hidden;--*/
      font-family: Verdana;
      font-size: 1em;
      border: 0px solid black;
      background-color: black;
      margin: 0 auto;
   }
Das Ganze funktioniert nicht mehr im IE 6; das abzufangen ist zu aufwendig und selbst Microsoft will diesen unsäglichen Browser endlich loswerden. Ab IE 7 ist es aber in Ordnung.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
10. Apr 2012, 15:57
Rufname:

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo, ich habe die von dir vorgenommenen Änderungen getroffen und 2 Menü Punkte entfernt.
Leider wurde mein Menü nicht mittig gesetzt sondern fängt weiterhin links vorne an.

Durch viel googln kam ich auf folgende Idee:
Code:
ul#Navigation
   {
      float: left;
      position: relative;
      left: 50%;
      margin: 0 auto;
      padding: 0;
      list-style-type: none;
   }

  ul#Navigation li
   {
      list-style: none;
      float: left;
      position: relative;
      margin: 0em;
      padding: 0;
      right: 50%;
   }
Jetzt zeigt er mir das Menü zwar mittig ab, jedoch erscheint mir auch ein Vertikaler Scrollbalken mit dem ich nach rechts schauen kann und somit nichts angezeigt bekomme zumindest nichts sichtbares.

Ich könnte jetzt ein overflow-x: hidden in den body einbauen allerdings weiß ich nicht ob das so gut ist :-/.

Währe daseine gute Lösung oder nicht?
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
10. Apr 2012, 18:14
Rufname:
Wohnort: Aachen

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Naja, wenn das Ergebnis nicht zufriedenstellend ist, dann kann es wohl keine gute Lösung sein. Hast du denn, wenn du zwei Menüpunkte entfernt hast, das in der definierten Breite in div#Rahmen berücksichtigt bzw. angepasst?

Meines Erachtens ist es nicht zielgerichtet in den Listenelementen die Zentrierung vorzunehmen, der äußerste Container, also div#Rahmen ist das Objekt, auf das es ankommt. Die letzte vom mir gepostete Fassung hat in den weiter oben aufgeführten Browsern einwandfrei funktioniert. Es ist natürlich die Frage, ob vom Aufbau der Seite her noch weitere Elemente und dazu gehörige CSS-Anweisungen Einfluss auf den div mit der Menüleiste nehmen, dazu kann ich aber nichts sagen ohne Quellcode.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
10. Apr 2012, 19:53
Rufname:

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

mmm komisch also bei mir setzt er es nicht mittig und wenn ich etwas an der
width: im div block ändere setzt er es auch nciht mittig sondern verringert ja nur die weite des Rahmens.
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
11. Apr 2012, 18:17
Rufname:
Wohnort: Aachen

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo Gast,

bist du sicher, dass du das von mir gepostete CSS (div#Rahmen ) richtig übertragen hast? Ich kann nicht nachvollziehen, wo da der Fehler sein soll, da es bei mir prima klappt. Vielleicht postest du nochmal deinen derzeit aktuellen Code.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
13. Apr 2012, 19:25
Rufname:

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallom deinen Code habe ich übernommen aber es will noch nicht so richtig wie es soll Sad.

Mein CSS Code ist:
Code:
div#Rahmen
   {
      clear: both;
      /*float: left;*/
      width: 965px;   /*Breite der navigationsleiste, vormals 100%*/
      font-family: Verdana;
      font-size: 1em;
      border: 0px solid black;
      background-color: black;
      margin: 0 auto;
   }
 

  * html div#Rahmen
   {  /* Korrektur fuer IE 5.x */
      width: 48.7em; /*48.7*/
      w\idth: 47.1em;
   }
   
  div#Rahmen div    
   {
      clear: left;
   }
   
  ul#Navigation
   {
      margin: 0 auto; /*Abstand der Buttons zum Banner*/
      padding: 0px; /*abstand der Buttons nach links und rechts*/
      /*width: 97%; zum ausrichten des menüs*/
   }

  ul#Navigation li
   {
      list-style: none;
      float: left;  /* ohne width - nach CSS 2.1 erlaubt*/
      position: relative;
      margin: 0em;
      padding: 0;
      margin: 0 auto;
   }

  * 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.0em;
   }

  ul#Navigation li ul
   {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 1.4em;  /*top = abstand zu untermenü buttons*/
      left: 0em; /*einrück wert der untermenü button*/
      display: none;  /* Unternavigation ausblenden */
   }
   
  * html ul#Navigation li ul
   {  /* Korrektur fuer IE 5.x */
      left: -1.5em;
      lef\t: -0.4em;
   }
   
  *:first-child+html ul#Navigation ul
   {  /* Workaround fuer den IE 7 */
      background-color:silver;
      padding-bottom:0.0em; /*Grauer Rahmen hinter Untermenü Buttons*/
   }
   
   ul#Navigation li:hover ul
   {
      display: block;  /* Unternavigation in modernen Browsern einblenden */
   }
   
  ul#Navigation li ul li
   {
      float: none;
      display: block;
      margin-bottom: 0.0em; /*Abstand zwischen den Untermenü Buttons*/
   }

ul#Navigation a, ul#Navigation span
   {
      display: block;
      width: 109.8px;  /*Breite den in li enthaltenen Elementen zuweisen */
      height: 18px;
      padding: 2px 13px;
      text-decoration: none;
      font-weight: bold;
      border: 1px solid black; /*Rahmen um die Buttons*/
      border-left-color: white;
      border-top-color: white;
      color: black; /*schriftfarbe im normalen zustand*/
      background-color: #a4aab1; /*Button Farbe im Normalen zustand*/
      font-size: 0.8em; /*Schriftgröße*/
      font-family: Arial;
   }
   
  * html ul#Navigation a, * html ul#Navigation span
   {
      width: 8.6em;   /* Breite nach altem MS-Boxmodell fuer IE 5.x */
      w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
   }
   
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell
   {
      border-color: white;
      border-left-color: black; /*button schwarz umrahmt*/
      border-top-color: black; /*button schwarz umrahmt*/
      color: white; /*schriftfarbe wenn ich über den Button gehe*/
      background-color: #697a8c; /*Hintergrundfarbe wenn ich über den Button gehe*/
   }
   
  li a#aktuell
   {  /* aktuelle Rubrik kennzeichnen */
      color: maroon;
      background-color: black;
   }
   
  ul#Navigation li ul span
   {  /* aktuelle Unterseite kennzeichnen */
      background-color: maroon;
   }
In meinem Menü habe ich nichts geändert. Ich weiß nicht warum es bei dir klappt und bei mir nicht Sad
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
15. Apr 2012, 12:06
Rufname:
Wohnort: Aachen

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo Gast,

bei mir bleibt es nach wie vor mittig. Also liegt es wohl nicht am CSS. Es könnte noch am HTML-Code liegen, oder der Browsercache gibt die "alte" Seite aus, sollte also sicherheitshalber mal gelöscht werden.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
15. Apr 2012, 14:31
Rufname:

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Danke für deine Antworten, den Browser cache habe ich bereits mehrmals gelöscht aber es half nichts. was meinst du mit html code? Das was in meinem Menü steht habe ich bereits oben geschrieben. Aber hier kommt er nochmal:
Code:
<div id="Rahmen">
   <ul id="Navigation">
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button1</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button2</a></li>
      <li><a href="">Button3</a>
         <ul>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button31</a></li>
         </ul>
      </li>
      <li><a href="">Button4</a>
         <ul>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button41</a></li>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button42</a></li>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button43</a></li>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button44</a></li>
            <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button45</a></li>
         </ul>
      </li>
      <li><a href="">Button5</a>
         <ul>
                  <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button51</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button52</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button53</a></li>
         </ul>
      </li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button6</a></li>
      <li><a href="<?php echo $_SERVER['SCRIPT_NAME']; ?>?seite=Button">Button7</a></li>
   </ul>
</div>
Meine Idex Seite:
Code:
<body>
<table class="haupt" align="center" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td class= "banner"><img src="design/banner.jpg" width="965" height="120" border="0"></td>
   </tr>
   <tr>
      <td class="menue">
         <?php
         include("inhalt/menu.php");
         ?>
      </td>
   </tr>
   <tr>
      <td class="inhalt">
            <?php
                include ("inhalt/inhalt.php");
                ?>
      </td>
   </tr>
</table>
</body>
Code:
td.menue
   {
      width:945px;
      background-color: black;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
   }
Vielleicht kannst du jetzt meinen Fehler feststellen, ich habe ihn leider nicht gefunden Sad.
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
15. Apr 2012, 18:31
Rufname:
Wohnort: Aachen

AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Hallo Gast,

mein Test hat ergeben, dass es prima funktioniert, wenn das Menü direkt in der Tabelle eingefügt und das Ganze eine HTML-Datei ist. Mache ich jedoch eine PHP-Datei daraus und lade die "menu.php" rein, dann wird das Menü nach links verschoben. Woran das nun liegt, weiß ich auch nicht. Das einzige, was mir aufgefallen ist, ist dass die width-Angabe in td.menue geringer ist, als das Menü selbst - aber auch eine Korrektur der Breitenangabe hat keine Besserung ergeben. Sorry, aber ich habe erstmal keine Idee dazu.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Gast



Verfasst am:
15. Apr 2012, 19:43
Rufname:


AW: CSS menü unterschiedlich groß - AW: CSS menü unterschiedlich groß

Nach oben
       

Lustig... als html Datei habe ich das noch gar nicht getestet ich war bis dato davon ausgegangen, dass es in diesem fall egal ist ob html oder PHP.
Hast du das Menü direkt in die Index Tabelle eingefügt und als html gespeichert?
Wenn ich meine index als html speichere wird doch mein inhalt.php nicht ausgeben und das login Menü für meinen cms Bereich müsste ich dann auch weg nehmen :-/ oder habe ich das falsch verstanden?
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge Wichtig: HTML & CSS Forum: Tutorial - Slider-Effekt mit CSS 0 maninweb 6838 13. Feb 2009, 17:27
maninweb Tutorial - Slider-Effekt mit CSS
Keine neuen Beiträge HTML & CSS Forum: CSS Browser Compatibility Problem 1 frosenow 2244 19. Jul 2012, 09:30
PeterKarrenberger CSS Browser Compatibility Problem
Keine neuen Beiträge HTML & CSS Forum: CSS/HTML: Leere Fläche unterhalb der Tabellen 2 muhmaff 1739 26. Jun 2012, 18:25
muhmaff CSS/HTML: Leere Fläche unterhalb der Tabellen
Keine neuen Beiträge HTML & CSS Forum: Bildgröße in CSS ausgliedern 1 Gast 1179 05. Okt 2011, 12:06
womaninweb Bildgröße in CSS ausgliedern
Keine neuen Beiträge HTML & CSS Forum: Breite von SELECT-Textfeld und Auswahlliste unterschiedlich 2 Makrone 1103 02. Mai 2011, 09:43
Makrone Breite von SELECT-Textfeld und Auswahlliste unterschiedlich
Keine neuen Beiträge HTML & CSS Forum: CSS: ul horizontal im elternelement zentrieren 5 losgehts 2324 18. März 2011, 10:57
losgehts CSS: ul horizontal im elternelement zentrieren
Keine neuen Beiträge Frontpage Forum: Menü erstellen mit Frontpage 2 der-Kuddel 1191 01. März 2011, 19:52
der-Kuddel Menü erstellen mit Frontpage
Keine neuen Beiträge HTML & CSS Forum: CSS urheberrechtlich schützbar? 2 HermanZ 1813 01. Feb 2011, 11:59
HermanZ CSS urheberrechtlich schützbar?
Keine neuen Beiträge HTML & CSS Forum: .css formatvorlage für 3 internetseiten verwenden 5 onurk 1484 28. Jan 2011, 20:47
MartinPent .css formatvorlage für 3 internetseiten verwenden
Keine neuen Beiträge MS Expression Web Forum: Formatieren ohne CSS 5 schreibi 3887 01. Apr 2010, 09:49
Gast Formatieren ohne CSS
Keine neuen Beiträge Frontpage Forum: Frontpage Dropdown menü 3 JAYMASTER 7785 10. Sep 2008, 17:22
Gast354 Frontpage Dropdown menü
Keine neuen Beiträge Frontpage Forum: Mit style.css oder ohne? 8 fcb-chris 1220 28. Mai 2008, 20:22
womaninweb Mit style.css oder ohne?
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: PHP JavaScript