• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Grafik mittig relativ zur Browserbreite

Status
Für weitere Antworten geschlossen.

quaki

Neues Mitglied
Hallo bin neu hier und habe kaum Erfahrung in Javascript ;Jump,

ich möchte eine Grafik (Überschrift zur Webseite) relativ zur individuellen Browserbreite genau mittig am oberen Rand einer Homepage einbaun, für die ich verantwortlich bin.
Das gute alte align="center" funktioniert scheinbar nicht, zumindest bei Firefox, weiter habe ich gleich gar nicht getestet.
HTML:
 <img src="images/banner_.jpg" width="100" height="116" alt="Capoeira Basel - Capoeira Show" align="center" border="0" hspace="0" vspace="0">
Ich dachte, dass ich die Breite des Browsers mit innerwidth auslese und dann per algorithmus genau mittig setze. 8)
Ist es überhaupt möglich eine Variable in HTML zu übernehmen? ;ugl
Vielleicht gibt es auch eine einfachere Lösung?

Thanks for all folks, Quaki
 
Für align funktioniert bei Bildern nur left oder right. Mit CSS erreichst du dein Ziel ganz einfach:
Code:
[COLOR=Black][COLOR=#800080][COLOR=#000000]<img src=[COLOR=#0000ff]"images/banner_.jpg" style="width:100px;height:116px;margin:0 auto;border:0;" alt="Capoeira Basel - Capoeira Show" />[/COLOR][/COLOR][/COLOR][/COLOR]
Deinen Code durch den ersetzen und es sollte so sein, wie es soll.
 
Grafik zentrieren (mit Javascript?)

Hi Björn, erst mal danke für die schnelle Antwort

Deinen Code durch den ersetzen und es sollte so sein, wie es soll.
Hm, bei mir kommt da keine wesentliche Veränderung.
Er soll eben je nachdem wie gross die innere Breite des browsers ist immer zentriert in der Mitte stehen und nicht links (oder rechts)...
Bei mir steht er unter Firefox und Opera immer noch in der links - Internetexplorer hab ich hier nicht, möchte aber schon dass es bei den beiden funzt.:(
 
Hm, sollt aber eigentlich gehen. Hättest du mal'n Link oder wenigsten den Quellcode?
 
Aber klar:
Capoeira Basel - Capoeira Show
momentan habe ich es so gelöst dass ich dem browser vorschreibe, dass er 1000 breit ist... (mein javascript ;) )
aber für dich habe ich es auf 800 geändert um meine Behauptung zu beweisen...
ich möchte aber individuell anpassen.
opera mag das sowieso nicht....
ach esist nocht 100 sondern 1000 breit (hab mich verschrieben)
aber das ist ja egal!
thanx quaki
 
Mein Fehler, hatte was vergessen. Schreib noch display:block; rein (also in style=""), dann gehts.
 
So einfach (thema gelöst)

Okay thanks Björn,

das Thema ist gelöst
:razz: :D
jetzt funktionierts doch ohne javascript (sorry admin)

display habe ich gar nicht gekannt

quaki
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben