zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigation zentrieren, verschiebt sich im Moment nach links

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.12.2010, 19:32
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2009
Ort: Mainz
Beiträge: 45
garfield1711 befindet sich auf einem aufstrebenden Ast
Standard Navigation zentrieren, verschiebt sich im Moment nach links

Hallo,

Ich habe die Grafik im Header zentriert aber die Navigation verschiebt sich nach links.
Hier mal die URL.: http://mainzer-freischuetzen-garde.de
Die Navi sollte im Fenster auch zentriert sein.
Bekomme es einfach nicht hin.
Über Hilfe würde ich micch sehr freuen da ich noch am lernen bin und froh war die Seite überhaupt hinbekommen zu haben.
Ich habe auch gesagt bekopmmen, das ich die absolute Positionierung weglassen soll und eher floaten.
Würde ich gerne auch machen, aber wie?
Ist der Umbau sehr aufwendig?

Gruß
Garfield

Geändert von garfield1711 (14.12.2010 um 21:30 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.12.2010, 20:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Ohne Link und Quellcode wird das so nix.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.12.2010, 21:30
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2009
Ort: Mainz
Beiträge: 45
garfield1711 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von nils_1309 Beitrag anzeigen
Ohne Link und Quellcode wird das so nix.
Oh, Sorry.
Habe den Text rüberkopiert und da ist die Adresse verloren gegangen:
Mainzer Freischützen-Garde e.V.

Jetzt ist alles da.
Mit Zitat antworten
  #4 (permalink)  
Alt 14.12.2010, 23:50
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Ui ui ui... Die Seite ist schon ziemlich aus dem Ruder. Da würd ich von Grund auf neu aufbauen. Viel Inhalt gibt es ja nicht.
Auf der Seite sind 6!!! css Dateien. Zusätzlich noch interne styles.

Lesenswerte Links:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)
Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design

BTW: dieses drehende gif ist...

Hier mal eine einfache Datei:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 25 March 2009), see www.w3.org" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <title>
      Untitled
    </title>
    <style type="text/css">
/* <![CDATA[ */
    * {margin: 0;padding: 0;}
    body {background:#83E015;color:#000;font: 100%/1.3 Arial, sans-serif;}
    #wrapper {width: 990px;margin: 0 auto;}
    #header {height:135px;}
    #navi {color:#fff;background:#000;height:40px;}
    #seite {width:190px;float:left;}
    #inhalt {background:#ECE9C6;width:800px;float:left;}
    #footer {background: #EFEFEF;clear:both;height:50px;text-align:center;}
    #inhalt p {padding: 10px 20px;}
    h1 {font-size: 250%;}

    /* ]]> */
    </style>
  </head>
  <body>
    <div id="wrapper">
      <div id="header">
        <h1>
          Logo und Überschrift
        </h1>
      </div>
      <div id="navi">
        <p>
          Navigation
        </p>
      </div>
      <div id="seite">
        <p>
          Logos
        </p>
        <p>
          Logos
        </p>
      </div>
      <div id="inhalt">
        <p>
          Lorem ipsum dolor sit amet consectetuer et rutrum Nullam id ac. Porta Sed condimentum vel
          pede id cursus elit nunc ipsum tincidunt. Malesuada augue Vestibulum Morbi. At id nec
          arcu Vivamus Sed lobortis pede velit ante nonummy. Congue Nam urna cursus lacus tempus
          porttitor dui sociis tellus libero. Et est tempor et justo ipsum Donec. Enim quis ac at
          augue enim platea sagittis non at iaculis. Non eros magna commodo ligula turpis vitae
          augue vel leo justo. Vitae cursus dolor accumsan quis amet. Id Nulla id tristique commodo
          Nulla cursus neque Vestibulum laoreet justo. Interdum a scelerisque congue semper massa
          scelerisque urna ipsum vel purus. Dolor nibh odio.
        </p>
      </div>
      <div id="footer">
        <p>
          Text Text
        </p>
      </div>
    </div>
  </body>
</html>
Gruß Manfred
Mit Zitat antworten
  #5 (permalink)  
Alt 15.12.2010, 18:37
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2009
Ort: Mainz
Beiträge: 45
garfield1711 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Ui ui ui... Die Seite ist schon ziemlich aus dem Ruder. Da würd ich von Grund auf neu aufbauen. Viel Inhalt gibt es ja nicht.
Auf der Seite sind 6!!! css Dateien. Zusätzlich noch interne styles.

Gruß Manfred
Habe jetzt mal nach Deinem Code angefangen etwas umzubauen.
Habe alles mal auf einen Testserver gelegt.
Hier mal die Adresse:
Untitled

Wie bekomme ich jetzt das Logo zentriert und die Navigation wieder hin?
Lasse ich die CSS Dateien im Quellcode oder lege ich die in einen seperaten Ordner?

Geändert von garfield1711 (15.12.2010 um 18:43 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 15.12.2010, 18:56
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Logo: der einfachste Weg --> text-align: center
Der bessere semantische Weg --> per Image Replacement
D.h. eine h1 in Textform steht in der html, wird optisch von der Grafik überdeckt.
Dann per margin: 0 auto; zentrieren

Die navi: versuch, deinen Navi-Code von vorher wieder einzubauen?

Die css bitte in eine externe Datei packen.

Gruß Manfred
Mit Zitat antworten
  #7 (permalink)  
Alt 15.12.2010, 18:59
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Ääh... und bitte nicht einfach blind per copy + paste reinklatschen!!
[Invalid] Markup Validation of http://www.meinaccount.spacequadrat.de/ - W3C Markup Validator

Fehlende Tags, charset stimmt nicht, inline styles ...

Gruß Manfred
Mit Zitat antworten
  #8 (permalink)  
Alt 15.12.2010, 20:46
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Oha, die Farbe ist ja immernoch augenkrebsverdächtig.
Mensch Manfred! Warum lieferst du keine fertigen Seiten, immer muss man nacharbeiten...
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #9 (permalink)  
Alt 15.12.2010, 21:01
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von MetaCrawler Beitrag anzeigen
...Mensch Manfred! Warum lieferst du keine fertigen Seiten, immer muss man nacharbeiten...
... ich kraul dich gleich wo...

Gruß Manfred
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 15.12.2010, 21:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2009
Ort: Mainz
Beiträge: 45
garfield1711 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Logo: der einfachste Weg --> text-align: center
Der bessere semantische Weg --> per Image Replacement
D.h. eine h1 in Textform steht in der html, wird optisch von der Grafik überdeckt.
Dann per margin: 0 auto; zentrieren

Die navi: versuch, deinen Navi-Code von vorher wieder einzubauen?

Die css bitte in eine externe Datei packen.

Gruß Manfred
Da scheint ja nochmals richtig Arbeit auf mich zuzukommen.
Werde es mal probieren.
Danke schon mal für die Tips.
Mit Zitat antworten
Sponsored Links
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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Navigation im Boxmodell und Text in Boxmodell zentrieren bikersw CSS 2 04.10.2006 10:52
navigation will sich nicht horizontal zentrieren lassen mrParker CSS 24 30.05.2006 21:03
Links vertikal zentrieren / Divbox hover bei IE klopfdreh CSS 5 15.12.2005 13:57
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:50 Uhr.