+ Antworten
Ergebnis 1 bis 3 von 3

Thema: Template Header wird gespiegelt

  1. #1
    Neu an Board
    Registriert seit
    25.05.2006
    Beiträge
    42
    Bedankte sich
    23
    Erhielt 6 Danksagungen
    in 4 Beiträgen

    Standard Template Header wird automatisch über gesamte Seitenbreite gespiegelt

    Hallo,

    ich habe folgendes kleines Problem gerade, bei mir wird der Header automatisch links und rechts gespiegelt. Das sieht leider ziemlich unschön aus, dadurch verschiebt sich immer der Schriftzuganfang jeweils nach links und rechts je nach Äuflösung.

    Link zum verwendetem Template
    Joomla 1.0.13

    Das Problem kann man sehr schön begutachten wenn man im Firefox mittels STRG+B die Bookmarks schnell ein&ausblendet (gleiches wohl irgendwie auch im IE möglich) Kann man Joomla irgendwie anweisen die Seite nur in der maximalen Breite des Headers anzuzeigen? Oder eventuell anstatt der automatischen Spiegelung vielleicht links und rechts ein anderes Bild angeben, das dargestellt werden soll? Ich bin leider nicht so fit in CSS. Wenn noch weitere Informationen benötigt werden, sagt mir bitte einfach bescheid. Wenn das Thema schonmal durchgekauft worden ist, hat vielleicht jemand einen Link oder ein paar Suchbegriffe? Danke

  2. #2
    Kommt häufiger vorbei Avatar von RedRaptor
    Registriert seit
    30.01.2008
    Ort
    Würzburg
    Beiträge
    354
    Bedankte sich
    5
    Erhielt 80 Danksagungen
    in 78 Beiträgen

    Standard

    mh...soweit ich das beurteilen kann is dein header mit einer dynamischen breite versehen und dein hintergrundbild ist zentriert. daher kackelt er dein bild und es schein als ob es gespiegelt ist.

    da ich leider nicht dein css datei kenne kann ich dir jetzt nicht genau helfen. aber ich denke du musst einfach mal folgende div container mit ner festen breite versehen...

    #content_outer
    #header


    MFG

    *Edit*

    bei beiden div gibts eine width:100%;....die solltest du in deine gewünschte breite umschreiben...width: <integer>px;
    Auch ich freue mich über einen Klick auf "Danke"

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board
    Registriert seit
    25.05.2006
    Beiträge
    42
    Bedankte sich
    23
    Erhielt 6 Danksagungen
    in 4 Beiträgen

    Standard

    Danke erstmal für deine Antwort. Folgendes steht in der template_css.css
    Code:
    #content_outer {
    
    width : 100%;
    
    color : #fafafa;
    
    padding : 0;
    
    background-repeat : repeat-x;
    
    background-color : #181818;
    
    background-image : url(../images/content_outer.gif);
    
    margin : 0;
    
    }
    und
    Code:
    #header {
    
    height : 140px;
    
    float : left;
    
    width : 100%;
    
    padding : 0;
    
    margin : 0;
    
    background-color : #333333;
    
    background-image : url(../images/header.gif);
    
    background-repeat : repeat-x;
    
    background-position : center 0;
    
    }
    Müsste ich jetzt hier die Zeile background-repeat : repeat-x; in background-repeat : no-repeat; ändern?

    /Edit: Habs jetzt versucht und es ist genau wie ich es wollte, super, danke dir.

+ Antworten

Lesezeichen

Berechtigungen

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