Ergebnis 1 bis 5 von 5
  1. #1
    Avatar von mo
    mo
    mo ist offline Administrator
    registriert
    09-06-2000
    Ort
    /dev/null
    Beiträge
    5.409

    CSS Layout Problem

    hi,
    folgender code von Example Tabs ordnet die reiter leider nicht sauber an, der reiter admin ist nach unten verrutscht. warum?
    Code:
    <style>
    #header {
    	position: relative;
    	width: 100%;
    	height: 3em;
    	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
    }
    
    #header ul#primary {
    	margin: 0;
    	padding: 0;
    	position: absolute;
    	bottom: -1px;
    	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
    }
    
    #header ul#primary li  {
    	display: inline;
    	list-style: none;
    }
    
    #header ul#primary a,#header ul#primary span,#header ul#primary a.current {
    	width: 8em;
    	display: block;
    	float: left;
    	padding: 4px 0;
    	margin: 1px 2px 0 0;
    	text-align: center;
    	font-family: tahoma, verdana, sans-serif;
    	font-size: 85%;
    	text-decoration: none;
    	color: #333;
    }
    
    #header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
    	border: 1px solid #666;
    	border-bottom: none;
    	background: #ffcc00;
    	padding-bottom: 8px;
    	margin-top: 0;
    }
    
    #header ul#primary a {
    	background: #FFFAE1;
    	border: 1px solid #AAA;
    	border-bottom: none;
    }
    
    #header ul#primary a:hover {
    	margin-top: 0;
    	border-color: #666;
    	background: #FFF7CD;
    	padding-bottom: 5px;
    }
    
    #header ul#secondary {
    	position: absolute;
    	margin: 0;
    	padding: 0;
    	bottom: -1.4em;
    	left: 1px;
    	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
    }
    
    #header ul#secondary li a,#header ul#secondary li span {
    	width: auto;
    	display: block;
    	float: left;
    	padding: 0 10px;
    	margin: 0;
    	text-align: auto;
    	border: none;
    	border-right: 1px dotted #AAA;
    	background: none;
    
    }
    
    #header ul#secondary li a {
    	color: #06C;
    	text-decoration: underline;
    }
    
    #header ul#secondary li a:hover {
    	color: #333;
    	background: transparent;
    	padding: 0 10px;
    	border: none;
    	border-right: 1px dotted #AAA;
    }
    
    #header ul#secondary li a:active {
    	color: #000;
    	background: transparent;
    }
    
    #header ul#secondary li:last-child a { border: none; }
    
    </style>
    	<div id="header">
    	<ul id="primary">
    		<li><a href="start_index.php">Startseite</a></li>
    		<li><span>Daten</span>
    		<ul id="secondary">
    			<li><a href="doc_index.php">Dokumentation</a></li>
    			<li><a href="doc_daten.php">Daten</a></li>
    			<li><a href="doc_liste.php">Liste aller Daten</a></li>
    			<li><a href="doc_index.php">Was weiss i</a></li>
    		</ul>
    		</li>
    		<li><a href="jugendamt_index.php">Kunden</a></li>
    		<li><a href="termin_index.php">Termine</a></li>
    		<li><a href="verwaltung_index.php">Verwaltung</a></li>
    		<li><a href="buero_index.php">B&uuml;ro</a></li>
    		<li><a href="admin_index.php">Admin</a></li>
    	</ul>
    	</div>
    bye,
    mo

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: CSS Layout Problem

    Moin mo
    Schreib' mal statt 8em 7.5, dann klappt's...
    Code:
    #header ul#primary a,#header ul#primary span,#header ul#primary a.current {
    	width: 7.5em;
    	display: block;
    	float: left;
    	padding: 4px 0;
    	margin: 1px 2px 0 0;
    	text-align: center;
    	font-family: tahoma, verdana, sans-serif;
    	font-size: 85%;
    	text-decoration: none;
    	color: #333;
    }
    P.S.:
    Muss Dich leider verschieben...

  3. #3
    Avatar von mo
    mo
    mo ist offline Administrator
    registriert
    09-06-2000
    Ort
    /dev/null
    Beiträge
    5.409

    AW: CSS Layout Problem

    auweia, im eigenen forum falsch gepostet.. tsts.
    dein code funktioniert, danke!
    nur: auf meiner eigentlichen site klappts nicht. hab mal von 7.5 bis auf 2 verkleinert, hülft nix.
    bye,
    mo

  4. #4
    Avatar von mo
    mo
    mo ist offline Administrator
    registriert
    09-06-2000
    Ort
    /dev/null
    Beiträge
    5.409

    AW: CSS Layout Problem

    kommando zurück.. man sollte auch die richtige css-datei bearbeiten..
    sänks.
    bye,
    mo

  5. #5
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: CSS Layout Problem

    Immer wieder gern'...

Ähnliche Themen

  1. Antworten: 6
    Letzter Beitrag: 29-01-2007, 19:15
  2. reines CSS Layout wird im Mac nicht angezeigt
    Von thonsen im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 27-08-2006, 14:28
  3. JS + CSS: a:visited Problem bei Refresh
    Von scwo im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 28-03-2006, 18:57
  4. Hilfe mit CSS Layout
    Von Red-Dragon im Forum CSS und (X)HTML
    Antworten: 4
    Letzter Beitrag: 03-01-2006, 22:21
  5. CSS DIV Problem
    Von invy im Forum CSS und (X)HTML
    Antworten: 8
    Letzter Beitrag: 06-08-2005, 23:58

Lesezeichen

Berechtigungen

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