logo mittels css platzieren + stream

Ich bin gerade dabei mein erstes Projekt mit Artisteer zu realisieren!
Funktioniert bis jetzt eigentlich alles sehr komfortabel, aber ich stehe gerade trotzdem bei einer kleinigkeit an...

link zur Webseite

Ich habe die Seite mittels css 127 pixel nach unten verschoben
und möchte nun in diesen 127 pixel einen Logo unterbringen.

mein Ansatz in css war:

Code: CSS

.art-sheet {
    background-image: url("../images/logo.gif");
    background-position: center center;
    background-repeat: no-repeat;
    cursor: auto;
    margin-top: 127px !important;

nur wird so wenn ich es richtig interpretiere der logo ja mit der ganzen seite nach unten verschoben!?

Wie kann ich dem entgegenwirken?

du könntest statt dem margin auch einfach padding verwenden, damit wird der inhalt des div's nach unten verschoben, background-images jedoch nicht.

kommt das position:relative von dir oder von dem Programm?
Normal macht relative Positionierung nur Probleme, viel sinnvoller mit paddings und margins zu arbeiten

wo willst du das logo haben, im braunen hintergrund?

edit: logo.gif existiert nicht

Code: CSS

body {
    background-color: #493308;
    background-image: url("../images/menuitem.png");
    background-position: center top;
    background-repeat: no-repeat;
    color: #44443C;
    margin: 0 auto;
    padding: 0;
}

Hab menuitem genommen um zu sehen obs auch passt, solltest natürlich durch das gif ersetzen

natürlich geht das nur weil es auch in der mitte stehen soll, sobald du es irgendwo ausrichten willst, wirds problematisch, und ein div als container ist dann besser

Yeah! nice! mittels body hat es geklappt!
war ja ne schwere geburt!

thx: @all!

Danke!
Komplette Webseite in 2 Tagen aufsetzen inklusive domain ummeldung,... - done!

Is aber eh trotzdem noch genug zu tun...
Kann mir vielleicht jemand mit den "positionen" helfen?

hab jetzt ein modul für den header in joomla eingebunden und dafür die position "header" in der
templateDetails.xml angelegt!

in der index html hab ich dann:

Code: HTML

<div class="art-header">
    <div class="art-header-jpeg"></div>
</div>

in:

Code: HTML

<div class="art-header">
	<jdoc:include type="modules" name="header" style="xhtml" />
	</div>
</div>

umgeschrieben und jetzt ist zwischen header und navi ein abstand von ca.5 px
und die navi geht links und rechts über den weißen rand hinaus!?

Bin ma zwar eh noch nicht sicher obs mir nicht so vielleicht sogar besser gefällt
aber mich würds trotzdem interessieren wie ich die navi wieder zurück bringe!

naja hauptsache es passt jetzt!

hab deinen code eingefügt und diesen auch auf den footer angewendet!
nur die 3 pixel nach oben bring ich ihn nicht

eine weitere sache die mir im bezug auf den footer nicht ganz klar ist betrifft das icon!?
eigentlich sollte unten links ein logo auftauchen, tut es aber nicht...

Code: CSS

.art-rss-tag-icon
{
  display: block;
  background-image: url('../images/facebook.gif');
  background-position: center right;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  cursor: default;
}

eidt: und eine andere gschichte hätt ich dann auch noch...
ist es eigentlich möglich den stream von einer fremden seite auf der
eigenen einzubinden?
tv-stream
hab mir den quellcode anzeigen lassen und es mit den verschiedensten codeschnippseln versucht! hat aber alles nicht geklappt!
sollte ein eigener menüpunkt werden mit einer bildbreite von 755px!?

hmm... ich hab in der index.php unten beim footer 3x cleared...
an welche stelle setzte ich das neu erstellte "clear-footer"?

und was muss ich dann im css noch genau dazuschreiben? nur margin: 6px...?

das mit dem logo weiß ich schon! nervt mich eh schon von anfang an!
aber zerst soll mal der rest laufen, dann kommen die schönheitskorrekturen!

edit: hab jetzt mit dem tv-stream anscheinend die datenbank gekillt...
wie bekomme ich die seite jetzt wieder online??