Bild verdoppelt sich hintereinander

[derya]

Hey Leute,
ich muss ne Homepage erstellen und bin gerade dabei das
Hintergrundbild anzupassen, aber
irgendwie verdoppelt sich das Bild.
Im Anhang ein Bild davon.

In der CSS habe ich es folgendermaßen definiert:

html,body
{
text-border: 2pt;
font-family: Century Gothic;
font-size: 12px;
color: brown;
text-align: left;
vertical-align: top;
background-image: url(../Bilder/design.jpg);
background-repeat: no-repeat;
background-position: left;
}

 

[Harald Lesan]

versuch mal höhe und breite anzugeben

mfg harald

 

[derya]

hmm und wie genau soll ich das machen?
background-height: 100%; vielleicht?

 

[Harald Lesan]

kommt drauf an was du erreichen willst, ich gehe mal davon aus das die grafik von oben nach unten verlaufen soll, sich aber nicht horizontal "verdoppeln" darf,

also setzt du height auf 100% und width auf einen bestimmten wert.

 

[derya]

hmmm.. jetzt klappts aber jetzt sind die Container nicht mehr mittig sondern wieder links..

 

[Harald Lesan]

kannst du das vllt. etwas genauer erklären?

welcher container und was ist jetzt wieder links?

 

[derya]

Ich habs endlich. Dankee für die Hilfe=) Ich hab bei mehreren das Semikolon vergessen -.-

 

[Dana+]

Dürfen wir die Seite auch mal ansehen, wie es jetzt richtig ausschaut?

 

[Efchen]

Tipps:

text-border: 2pt;

"pt" ist eine Einheit für den Druck. Am Bildschirm gibt es keine "pt".

font-family: Century Gothic;

Es fehlt die generische Schriftart.

font-size: 12px;

"px" lässt sich im IE leider nicht skalieren und ist somit eine Barriere. Besser ist es, "em" zu verwenden und Fließtext immer in der Größe "1em" anzugeben.

vertical-align: top;

Irrelevant in html und body.

Grüße,
-Efchen