CSS Platzierung: Objekte verschoben

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
DerTheo
Mitglied
Beiträge: 253
Registriert: 08.07.2011 14:41

CSS Platzierung: Objekte verschoben

Beitrag von DerTheo »

Hallo liebe Admins :)

Ich habe ein CSS Problem. In meiner overall_header habe ich ein paar Symbole platziert:

Der Code liegt in der Zeile oberhalb von

Code: Alles auswählen

<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>
und lautet:

Code: Alles auswählen

div style="float&#58;right; position:absolute; top:20.6%; left:88.8%;"><a href="http://www.link.de/" target="_blank"><img src="./bilder/bild.png" alt="Name" /></a></div>
1. Manchmal verschieben sich die Objekte ein Stück nach oben. Leider kann ich den Fehler nicht reproduzieren. Ich nutze Firefox 7.

Ich bin CSS Anfänger, habe mich bei selfhtml versucht einzulesen, werde aber nicht so recht schlau daraus.
Style: Lucid Lime
Phpbb 3.0.8
Benutzeravatar
eichjoernchen
Mitglied
Beiträge: 205
Registriert: 07.07.2011 11:55
Wohnort: Bad Wildungen
Kontaktdaten:

Re: CSS Platzierung: Objekte verschoben

Beitrag von eichjoernchen »

Hallo!
Poste mal einen Link zu deiner Seite. Dann kann man eher dazu was sagen.
Im Übrigen währe das Thema besser unter der Rubrik "Styles, Templates und Grafiken " aufgehoben. :)
Gruß Jörn
Wer nicht fragt bleibt dumm!
http://schimmelmann.net *** http://joern.schimmelmann.net

Keine Supportanfragen per PN

Benutzeravatar
WileCoyote
Mitglied
Beiträge: 901
Registriert: 13.07.2011 07:38
Wohnort: Österreich

Re: CSS Platzierung: Objekte verschoben

Beitrag von WileCoyote »

Du solltes auf jeden Fall
DerTheo hat geschrieben:

Code: Alles auswählen

<div style="float&#58;right; position:absolute; top:20.6%; left:88.8%;"><a href="http://www.link.de/" target="_blank"><img src="./bilder/bild.png" alt="Name" /></a></div>
durch

Code: Alles auswählen

<div style="float&#58;right; position:absolute; top:20.6%; left:88.8%;"><a href="http://www.link.de/" onclick="window.open(this.href);return false;"><img src="./bilder/bild.png" alt="Name" /></a></div>
ersetzen und xhtml valid zu bleiben
Gruß WileCoyote
Benutzeravatar
Crizzo
Administrator
Administrator
Beiträge: 11968
Registriert: 19.05.2005 21:45
Kontaktdaten:

Re: CSS Platzierung: Objekte verschoben

Beitrag von Crizzo »

Vermutlich sind das einfach nur Probleme mit "position:absolute", was für Anfänger einfach nicht geeignet ist, auch wenn es verlockend klingt.

Aber ohne Link zum Forum, wo man das Problem sieht, können wir nur weiterraten.
DerTheo
Mitglied
Beiträge: 253
Registriert: 08.07.2011 14:41

Re: CSS Platzierung: Objekte verschoben

Beitrag von DerTheo »

Hab den Top Wert von % in px geändert, hat geklappt :) Danke eichjoernchen :) und vielen Dank WileCoyote für den Tipp :)
Style: Lucid Lime
Phpbb 3.0.8
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“