Wie kann ich das machen???

[Marcel]

Hallo,

wie kann ich eine Leiste wie bei

öffentlich erniedrigt und bestraft - Absoluter Lustschmerz

oben

in Wordpress einfügen das jeder der einen Blog anlegt soeine Werbeleiste sieht?

Grüße

Marcel

 

[m3xx]

Meins oben die mit "Noch Single"?

Das Zauberwort Heist CSS und damit es kein Inhaltsleeres Post wird bekommst auch das Markup.

div.MeineLeiste {
	background:#FFF;
	position:absolute;
	line-height:18px;
	width:100%;
	z-index:99;
}


<div class="MeineLeiste" align="center">
Hier der Inhalt der Box
</div>

 

[PornoDussel]

Da fehlt noch ein

top: 0px;

damit es ganz oben positioniert wird.

Noch ein kleiner Tipp am Rande.

Wenn du weißt, wie Breit das ganze sein soll ( z.B. 800 px ) und willst es in der Bildschirmmitte haben, kannst Du das so machen:

width: 800px;
margin-left: 50%;
left: -400px;

Also Breite bestimmen – mit margin-left direkt in die Mitte schieben und dann mit einem negativen Wert in left zurück zum Rand

 

[Marcel]

danke für die schnelle hilfe...

 

[Marcel]

noch was ... wie kann ich das auch ganz unten platzieren?

 

[m3xx]

@PornoDussel
stimmt jetzt wo du es schreibst


@Marcel
bottom:0px

weiß aber jetzt nicht wie sich da der IE verhält

 

[PornoDussel]

Ich rate einfach mal ins blaue: Du willst, das die Box immer unten angezeigt wird? Also beim Scrollen stehen bleibt?

Ist etwas aufwändiger, weil wir mit Hacks arbeiten müssen, dürfte aber klappen. Versuch mal folgendes:

Öffne die Datei: header.php
In den HTML-Head schreibst Du folgendes (für den IE 6 ):

<!--[if lt IE 7]><style type="text/css">
  @media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #pageScroll {
      height: 100%; width: 100%; overflow: auto;
    }
    #page {
      position: static;
    }
  }
</style><![endif]-->

Dann änderst Du die Zeile:

<div id="page">

(steht direkt unter <body…>) in:

<div id="pageScroll">
<div id="page">

Jetzt öffne die Datei : footer.php

Hier müssen wir nun unsere pageScroll-Box schließen – also ganz ans Ende </div> schreiben.
Als nächstes packen wir hier unser Box rein, die immer sichtbar sein soll:


<div id="bottomBox">
<!—Was Du auch immer für Inhalt haben willst -->
</div>


So.... das wäre der HTML-Teil gewesen. Jetzt müssen wir noch mit CSS dafür sorgen, das die bottomBox auch immer da ist:

In deine css-Datei (style.css) fügst du folgende Zeilen ein.

#bottomBox {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 80%;
    height: 25px;
  }
html>body #bottomBox {  /* so liebt es Firefox */
    position: fixed;
  }

Musst Du natürlich noch ein wenig an deine Bedürfnisse anpassen.
Aber im großen und ganzen war es das.....

Ich hoffe mal, das ich keine Tippfehler reingehauen habe
und viel Spass damit

 

[N20]

wo ich das sehe.... was ist da state of the art zum zentrieren? margin:0 auto; oder margin-left:50%; ?

 

[PornoDussel]

Kann man pauschal nicht sagen. Aber in den meisten Fällen so, wie ich es in meinem ersten Betrag gesagt hatte.

Kleiner Nachtrag
Der Firefox und IE behandeln die Scrolleiste nicht gleich - daher kommt es vor, das es beim IE mittig ist, beim Firefox aber nicht. Das kann man mit einem Hack ausgleichen, indem man für den Firefox einfach einen anderen Wert für left bestimmt.

 

[N20]

oder doch 0 auto?

 

[m3xx]

margin:0 auto; wäre normaler weiße richtig aber der IE macht da wie immer eine ausnahmen.

 

[PornoDussel]

Ich sag mal so: Ich bin zwar kein CSS-Experte aber dafür ein Gewohnheitstier, deshalb mach ich es wohl noch auf die alte Art – einen absoluten Grund gibt es nicht wirklich. Wobei man nicht vergessen sollte, das auch noch einige User mit alten Browsern unterwegs sind und die kennen ein 0 auto nicht. Beim IE kann man das sicher über ein algin ausgleichen aber beim NN4 ?

 

[PornoDussel]

margin:0 auto; wäre normaler weiße richtig aber der IE macht da wie immer eine ausnahmen.

Für den IE 7 musst du einen Doctype angeben, da er sonst im Quirks-Modus fährt.

Für den IE 5 und 6 kannst das mit einem text-algin:center regeln