Zur Navigation

Div Elemente Zentrieren [2]

Problem

11 Jörg Kruse

Wenn du individuelle Hilfe benötigst, kannst du mich über das Impressum kontaktieren - das kostet dann allerdings.

Wie groß ist denn head_box.png? es sollte 1024px breit sein; andernfalls musst du #boxhead natürlich in der Breite entsprechend anpassen! oder in CSS noch eine background-position definieren, damit das Hintergrundbild mittig ist:

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_position

#boxhead ist jedenfalls zentriert - was man sieht, wenn man ihm einen Rahmen gibt (und die Bildschirmbreite größer als 1024px ist):

#boxhead {
	background-image: url(images/head_box.png);
	width: 1024px;
	height: 415px;
	margin: auto;
        border: 1px solid red;
}

26.11.2011 23:21 | geändert: 26.11.2011 23:24

12 Smile

Es geht auch ohne Rahmen. Ich weiß echt nicht, was ich falsch mache.

27.11.2011 15:30

13 Jörg Kruse

Es geht auch ohne Rahmen.

Nein, ohne die Grafikdatei head_box.png sieht man nur eine weiße Seite - deswegen der Rahmen, um die Größe von #boxhead sichtbar zu machen.

Ich weiß echt nicht, was ich falsch mache.

Ich auch nicht, bei mir wird #boxhead in verschiedenen Browsern zentriert - so wie es der rote Rahmen anzeigt. Ist das bei dir nicht der Fall? bitte gehe nur von dem Code aus, den du hier gepostet hast, was anderes kann ich schließlich auch nicht beurteilen

Falls du nicht nur das rot umrahmte #boxhead zentrieren möchtest, sondern auch das Hintergrundbild von #boxhead (und dieses schmaler ist als 1024 px), solltest du mal meinem Hinweis auf die CSS-Eigenschaft background-position nachgehen.

27.11.2011 15:58

14 Smile

Habs herausgefunden. :)
In der CSS Datei hätte man Body nur border: 0; schreiben solln xD
also:
body {
	background-image: url(images/bg.jpg);
        background-position: top center;
	height: 100%;
	width: 100%;
	position: fixed;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0px;
}

klappt jetzt :)

27.11.2011 17:34 | geändert: 27.11.2011 17:36

15 anniko

@smile:
kommt zwar für dein Problem jetzt zu spät, aber ich empfehle dir bei solchen oder generellen Problemen immer erstmal dein HTML und CSS zu validieren. Da fallen dir kleine Fehler sofort auf und du wirst auf undefinierte Stellen hingewiesen ;-)

07.12.2011 14:55

Beitrag schreiben (als Gast)

Die Antwort wird nach der Überprüfung durch einen Moderator freigeschaltet.





[BBCode-Hilfe]