Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Software>CSS - Was mach ich falsch? Positionierung eines Bildes

CSS - Was mach ich falsch? Positionierung eines Bildes

Tomino
Tomino03.01.0821:03
Hallo!

ich möchte via CSS ein Bild in einer Website einbinden und poistionieren.
So tendenziell gibt es doch zwei Möglichkeiten, das
ganze am Anfang zu deklarieren und dann via div anzuzeigen (über eine ID Zuweisung) oder das andere dann über einen html tag.

Wenn ich nun mit dem Befehl margin diese in der Mitte zentrieren möchte, bekomm ich es einfach nicht hin :'(

Also mit margin:auto; schon aber ich möchte, dass es auch im IE Ver.6 so aussieht und dass geht meines Wissens nicht soo reibungslos.

Wenn man jetzt zum Beispiel margin-left: 1%; und margin-right:1%; verwendet musste das bild dann doch zentriert sein oder?

Wo ist bitte gerade mein Denkfehler?
was ist geschickter, div oder html objekt?


"Script"1:
________________________________

<style type="text/css"><!--

/*Ausrichtung des Logos:*/
#logo
{
background-image:url(images/logo.gif);
width:315px;
height:95px;
}

//</style>

</head>

<body>

<div id="logo" style="margin:10% auto;"></div>

</body>
</html>
____________________________________



"Script"2:
_____________________________

<style type="text/css"><!--

#logo2
{
margin-left:1%;
margin-right:1%;
}

//</style>

</head>

<body>

<img src="images/logo.gif" alt="logo" name="logo2" width="315" height="95" id="logo2" />

</body>
</html>

______________________


Danke soweit!
ich bin schon ganz wirr im Kopf, geh mal was trinken>:-(

bis dann
euer Tomino
„>> Wissen bringt neues Unwissen hervor <<“
0

Kommentare

Mr. Krabs
Mr. Krabs03.01.0821:21
Nimm doch einfach
text-align: center
das funktioniert, da ein bild ein Inline-Element ist. Dann bindest du das Bild aber mit dem IMG-Tag ein.
„Deux Strudel!“
0
Tomino
Tomino03.01.0821:46
ähm
danke soweit aber ich packs gerade nicht


<img src="images/mr.gif" alt="human" name="human2" id="human2" style="text-align:center" />

danke
„>> Wissen bringt neues Unwissen hervor <<“
0
Mr. Krabs
Mr. Krabs03.01.0823:05
Nein, das text-align muss einem übergeordneten Element zugewiesen werden.

Also entweder:
CSS: body {text-align: center}
HTML: <img src="schlachmichtot.jpg" alt="" />

Oder zur Vervollständigung kannst du auch aus dem Bild ein Block-Element machen, dann funktionieren auch margin: 0 auto; und Konsorten wieder.
„Deux Strudel!“
0
iJo03.01.0823:07
Schau mal hier
Das geht zwar weit über die eigentliche Frage hinaus, aber es findet bestimmt jeder noch was neues in den Tutorials. Man lernt ja nie aus
0
tomthecat
tomthecat04.01.0808:28
ich würde:
<img src="images/mr.gif" alt="human" name="human2" id="human2" style="
position:absolute;
left:50%;
width:100px;
margin-left:-50px;" />
Dabei aber die Weite definieren des Bildes. Der margin-left-Wert halbiert von der Bildbreite.

0
tomthecat
tomthecat04.01.0808:28
Das gleiche funktioniert auch in der Höhe. Un das Beste: alle Browser verstehens...
0
Tomino
Tomino04.01.0813:54
tomthecat!

Vielen Dank!
Der Tipp ist klasse!
Funktioniert einwandfrei
„>> Wissen bringt neues Unwissen hervor <<“
0
Tomino
Tomino04.01.0813:55
iJo

interesanter Link

und Mr. Crap
danke! Das hat mir auch weitergeholfen
„>> Wissen bringt neues Unwissen hervor <<“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.