Grafik im Kontainer mittig positionieren

[jever]

Hey,

für Euch bestimmt eine einfache Sache.

Innerhalb meiner Navigation
<div id="nav">
...
</div>
möchte ich eine Grafik mittig positionieren.

Könntet Ihr mir hier kurz beim CSS helfen? Vielen Dank!

Liebe Grüße

[Gunnar Bittersmann]

@@jever:

<div id="nav">
...
</div>

Wofür steht "..."?

Könntet Ihr mir hier kurz beim CSS helfen?

Nein, noch nicht.

Live long and prosper,
Gunnar

[Gerch2003]

Hey,

für Euch bestimmt eine einfache Sache.

Innerhalb meiner Navigation
<div id="nav">
...
</div>
möchte ich eine Grafik mittig positionieren.

Könntet Ihr mir hier kurz beim CSS helfen? Vielen Dank!

Liebe Grüße

  
.bild	{  
	position:absolute;  
	left:50%;  
	margin-left:-100px;  
	top:50%;  
	margin-top:-100px;  
	}  
  

die 50% lässt du jeweils unverändert und die jeweils -100 richten sich nach der breite / höhe von deinem Bild.

Immer die Hälfte als negativen Wert.
Also ist dein Bild 144px breit schreibst du im CSS als breite -72px

  
<div style="position:absolute; width: 500; height: 500;">  
<img class="bild" src="#" height="200px" width="200px" /></div>  
  

Sonst sollte eigtl. alles klar sein, oder? ;-)

Gruß Gerch

[jever]

»» Hey,
»»
»» für Euch bestimmt eine einfache Sache.
»»
»» Innerhalb meiner Navigation
»» <div id="nav">
»» ...
»» </div>
»» möchte ich eine Grafik mittig positionieren.
»»
»» Könntet Ihr mir hier kurz beim CSS helfen? Vielen Dank!
»»
»» Liebe Grüße

.bild {
position:absolute;
left:50%;
margin-left:-100px;
top:50%;
margin-top:-100px;
}

>   
> die 50% lässt du jeweils unverändert und die jeweils -100 richten sich nach der breite / höhe von deinem Bild.  
>   
> Immer die Hälfte als negativen Wert.  
> Also ist dein Bild 144px breit schreibst du im CSS als breite -72px  
> ~~~html
  

> <div style="position:absolute; width: 500; height: 500;">  
> <img class="bild" src="#" height="200px" width="200px" /></div>  
>   
> 

Sonst sollte eigtl. alles klar sein, oder? ;-)

Gruß Gerch

Danke für die schnelle Antwort. Der Container ist gefloatet, leider kann ich daher diesen offensichtlich nicht absolut positionieren. Habe es so versucht:

#navver .navinfo {
    position: relative;
    top: 20px;
    left: 50%;
    margin-left: -70px; }

Aber irgendwie ist es nicht in der Mitte, trotz angegebener Breite von 140px... (px ist hier notwendig)

Liebe Grüße

[Gunnar Bittersmann]

@@jever:

Danke für die schnelle Antwort.

Ich war noch schneller. Warum beantwortest du nicht meine Rückfrage?

Live long and prosper,
Gunnar

[jever]

@@jever:

»» Danke für die schnelle Antwort.

Ich war noch schneller. Warum beantwortest du nicht meine Rückfrage?

Live long and prosper,
Gunnar

;-)

erst jetzt gelesen!
... = "Platzhalter"

[Gunnar Bittersmann]

@@jever:

erst jetzt gelesen!

Leider nicht aufmersam genug.

... = "Platzhalter"

So schlau war ich auch. Und wofür bitte steht der Platzhalter?

»» »» »» »» Innerhalb meiner Navigation
»» »» »» »» <div id="nav">
»» »» »» »» ...
»» »» »» »» </div>
»» »» »» »» möchte ich eine Grafik mittig positionieren.

Wo ist da ein 'img'-Element? Was hat das div[@id=id="nav"] noch für Inhalt?

↗Tipps für Fragende

Live long and prosper,
Gunnar

[suit]

↗Tipps für Fragende

fast :)

[Gunnar Bittersmann]

@@suit:

»» ↗Tipps für Fragende

Warum sollte ich die nochmal verlinken, wo jever doch schon dreimal bestätigt hat, sie gelesen zu haben?

Live long and prosper,
Gunnar

[suit]

Warum sollte ich die nochmal verlinken, wo jever doch schon dreimal bestätigt hat, sie gelesen zu haben?

Lesen != Verstehen, wie die aktuelle Situation in Österreich zeigt.