+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: Headergrafik zentrieren

  1. #1
    Neu an Board
    Registriert seit
    20.07.2008
    Beiträge
    8
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard Headergrafik zentrieren

    Liebe Jommlaner,

    ich versuche die obige Headergrafik auf http://temp.dieertls.com/ zu zentrieren.
    Das Template ist ein ganz "normales" rhuk milkyway.

    Hab schon verschiedenes im .css file herumgespielt, ich schaff es aber leider nicht.

    Die Grafik nennt sich sabne-header2.png

    Hier der Code:

    div#logo {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/sabne-header2.png) repeat-x scroll 0 0;
    float:left;
    height:75px;
    left:0;
    margin-left:30px;
    margin-top:25px;
    position:absolute;
    top:0;
    width:700px;
    }

    hab schon an "float" und "position" herumexperientiert, leider will sich die Grafik nicht und nicht zentrieren lassen"
    Vielleicht kann ja wer von Euch mir hierbei kurz helfen.
    Vielen Dank!

  2. #2
    Hat hier eine Zweitwohnung Avatar von infernalshade
    Registriert seit
    12.11.2008
    Ort
    Straubing
    Beiträge
    1.733
    Bedankte sich
    78
    Erhielt 335 Danksagungen
    in 302 Beiträgen

    Standard

    ersetz das komplette div#logo durch das:
    Code:
    div#logo {
    	background:transparent url(../images/sabne-header2.png) no-repeat scroll 0 0;
    	height:75px;
    	left:50%;
    	margin:25px 0 0 -350px;
    	position:absolute;
    	top:0;
    	width:700px;
    }

  3. #3
    Moderator Avatar von Orpheus2510
    Registriert seit
    17.10.2006
    Beiträge
    14.126
    Bedankte sich
    164
    Erhielt 3.389 Danksagungen
    in 3.059 Beiträgen

    Standard

    Oder du änderst den Wert
    Code:
    left: 0;
    um in
    Code:
    left: 155px;
    Gruß, Orpheus2510
    Kein Support per PN! | Tutorial Migration J1.5 --> J2.5 | Joomla braucht dich!

  4. #4
    Hat hier eine Zweitwohnung Avatar von infernalshade
    Registriert seit
    12.11.2008
    Ort
    Straubing
    Beiträge
    1.733
    Bedankte sich
    78
    Erhielt 335 Danksagungen
    in 302 Beiträgen

    Standard

    Wär aber nicht wirklich zentriert sondern nur "ungefähr hingerückt"

  5. #5
    Moderator Avatar von Orpheus2510
    Registriert seit
    17.10.2006
    Beiträge
    14.126
    Bedankte sich
    164
    Erhielt 3.389 Danksagungen
    in 3.059 Beiträgen

    Standard

    Richtig. Aber besser wußte ich es gerade nicht.
    Gruß, Orpheus2510
    Kein Support per PN! | Tutorial Migration J1.5 --> J2.5 | Joomla braucht dich!

  6. #6
    Neu an Board
    Registriert seit
    20.07.2008
    Beiträge
    8
    Bedankte sich
    1
    Erhielt 0 Danksagungen
    in 0 Beiträgen

    Standard

    @infernalshade:
    Vielen lieben Dank!
    klappt perfekt!

    LG aus Wien

  7. #7
    Wohnt hier Avatar von Myrtus
    Registriert seit
    17.10.2008
    Ort
    Hessen
    Beiträge
    2.788
    Bedankte sich
    289
    Erhielt 731 Danksagungen
    in 649 Beiträgen

    Standard

    Teste die Seite auch mal im Opera. Bei mir hat das Zenrieren dort nicht richtig funktioniert, so dass ich eine Browserweiche einbauen musste.
    -------- Gruß, Myrtus --------
    www.myrtus-communis.de

  8. #8
    Hat hier eine Zweitwohnung Avatar von infernalshade
    Registriert seit
    12.11.2008
    Ort
    Straubing
    Beiträge
    1.733
    Bedankte sich
    78
    Erhielt 335 Danksagungen
    in 302 Beiträgen

    Standard

    also

    left:50%;
    margin-left:-?px;

    dürfte eigentlich auch im Opera funktionieren!

  9. #9
    Wohnt hier Avatar von Myrtus
    Registriert seit
    17.10.2008
    Ort
    Hessen
    Beiträge
    2.788
    Bedankte sich
    289
    Erhielt 731 Danksagungen
    in 649 Beiträgen

    Standard

    Genau so hab ich's (angepasst an meine Template-Breite):
    Code:
    left: 50%;
    margin-left: -340px;
    Ist in Opera zu weit links, dort hab ich:
    Code:
    left: 50%;
    margin-left: -140px;
    und in der index.php des Templates (rhuk_milkyway) folgende Zeile modifiziert:
    Code:
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php if (strstr($_SERVER['HTTP_USER_AGENT'],'Opera')) {echo 'template1.css';} else {echo 'template.css';}?>" type="text/css" />
    -------- Gruß, Myrtus --------
    www.myrtus-communis.de

  10. #10
    Hat hier eine Zweitwohnung Avatar von infernalshade
    Registriert seit
    12.11.2008
    Ort
    Straubing
    Beiträge
    1.733
    Bedankte sich
    78
    Erhielt 335 Danksagungen
    in 302 Beiträgen

    Standard

    Hm, dann liegt das an irgend ner anderen CSS-Einstellung die da noch drin ist im template! Wenn ich das lokal mit einer normalen HTML-Datei mach zeigts der Opera auch richtig an!

+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

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