Ergebnis 1 bis 7 von 7

Thema: HTML/Css Problem

  1. #1
    Themenreisser
    Gast

    Standard HTML/Css Problem

    Tach, ich kann ein wenig HTML und Css und habe mir mit Hilfe mehrerer Seiten eine Navi zusammengebaut. Nur ich möchte Sie links ausrichten und nicht mittig, Im FF funktioniert es tadellos nur der IE zickt mal wieder rum.

    <div id="head"></div>
    <ul id="menu">
    <li><a href="index.php">Sartseite</a></li>
    <li><a href="">Titel1</a></li>
    <li><a href="">Titel2</a></li>
    <li><a href="">Titel3</a></li>
    <li><a href="">Titel4</a></li>
    </ul>


    body {
    width: 750px;
    margin: 0 auto;
    }
    #head {
    width: 750px;
    height: 125px;
    background: url(img/head.gif);
    margin: 0 auto;
    }
    ul#menu {
    float: left;
    list-style-type: none;
    }
    ul#menu a, ul#menu a:visited {
    width: 150px;
    height: 15px;
    position: relative;
    text-decoration: none;
    text-align: center;
    background: #9ab;
    color: #fff;
    display: block;
    border: 2px solid #fff;
    border-color: #def #678 #345 #cde;
    padding: 5px;
    margin: 0.5em auto;
    }
    ul#menu a:hover {
    top: 2px;
    left: 2px;
    color: #fff;
    border-color: #345 #cde #def #678;
    }


    ich hoffe es weiß jemand rat wie ich die Navi auch im IE auf die Linke Hälfte bekomme?

    Liebe Grüße Rene
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/Css Problem

    a) ich bezweifle es fast, dass du den body-tag so verändern kannst.
    nimm statt dessen lieber einen eigenen div-tag "page" oder "content".

    b) mit der zentrierung hatte ich früher auch oft probleme. mein margin 0 auto
    hat selten geklappt. alternative hat ich mal das hier gefunden, klappt meistens:
    HTML-Code:
    left:50%;
    margin-left:-375px;
    position:absolute;
    width:750px;
    c) versuch mal unter die liste ein <br class="clearer" /> und im css
    kannst hinzufügen .clearer { clear:both; }
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Unregistriert
    Gast

    Standard AW: HTML/Css Problem

    hi danke für deine Hilfe, ich habe es nach besten Wissen und Gewissen versucht aber im IE macht er das nicht. Im Firefox sieht es auch mit den Änderungen durch dich so aus wie vorher, korrekt. Aber der Ie macht das nicht. Versionen meiner Browser

    Firefox 3.6.3

    Explorer 8

    Ich versuche es später aber nochmal in Ruhe

    Vielen Dank

    Liebe Grüße Rene

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/Css Problem

    Ein Link zur Problemseite ist immer hilfreich.
    Haben deine Seiten einen qualifizierten Doctype?

  5. #5
    Themenreisser
    Gast

    Standard AW: HTML/Css Problem

    Zitat Zitat von sejuma Beitrag anzeigen
    Ein Link zur Problemseite ist immer hilfreich.
    Haben deine Seiten einen qualifizierten Doctype?

    Selbstverständlich

    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">
    <head>
        <title></title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <link href="css.css" type="text/css" rel="stylesheet" />
        <link href="img/fav.ico" type="image/x-icon" rel="shortcut icon" />
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    </head>
    <body>
    	<div id="head"></div>
    	<ul id="menu">
      		<li><a href="index.php">Sartseite</a></li>
      		<li><a href="">Titel1</a></li>
      		<li><a href="">Titel2</a></li>
      		<li><a href="">Titel3</a></li>
      		<li><a href="">Titel4</a></li>
    	</ul>
    	
    	<br class="clearer" />
    </body>
    </html>


    Die Css Datei habe ich bereits vollständig oben gepostet

    Liebe Grüße Rene

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/Css Problem

    Lass bei ul #menu a mal das weg, insbes. das auto:
    Code:
    margin: 0.5em auto;

  7. #7
    Themenreisser
    Gast

    Standard AW: HTML/Css Problem

    Problem gelöst, jetzt sieht es auch überall gleich aus.
    Bin begeistert von euer Unterstützung, danke!

    Liebe Grüße Rene

Ähnliche Themen

  1. php/html Problem
    Von Webspider im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 20.03.2009, 21:39
  2. html und css problem
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 18.12.2008, 00:40
  3. PHP / HTML Problem
    Von Cotti im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 19.03.2007, 20:28
  4. html-problem
    Von Trixi im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 26.01.2007, 21:30
  5. Problem mit Html!
    Von Html-Neuling im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 31.12.2004, 19:27

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •