|
|||
Schrift positionieren + FF OK IE nein
Hallo community,
Nach längerer css abstinenz bin ich jetzt wohl völlig daneben und trotz eifrigen googlens, habe ich es immer noch nicht zu einer Lösung gebracht. NUR im FF OK. Konkret hier 1. die html: ------------------------------------------------------------ <td width="570" valign="top" bgcolor="#DFC85E"><div class="logo"><img src="images/logo.gif" alt="Logo" width="250" height="59"</div> <div class="logo-text"><p>hier befindet sich ein kurzer Text etwa wie jetzt</p></div></td> ------------------------------------------------------------ und hier die style.css dazu 2.: .logo { position: absolute; top: 45px; left:400px; background-image: url(../images/logo.gif); } .logo-text{ position: absolute; top: 110px; left:400px; font-size: 14px; font-weight:normal; letter-spacing: 1px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #811E0A; ------------------------------------------------------------ die logo.gif steht in beiden Browsern richtig. die Textzeile nur im FF richtig, horizontal etwas unter der logo.gif. Im IE steht der Text wie ein zentrierter vertikaler Block, viel tiefer rechts in der Webseite, relativ weit aus dem Headerbereich raus. Je mehr ich versuche, desto katastrophaler werden meine Ansichten. Kann mir jemand direkt auf den Code bezogen helfen? Gruss Ria
__________________
Ich weiss, dass ich nichts weiss. |
Sponsored Links |
Sponsored Links |
|
||||
Was spricht dagegen, auf die div-Elemente zu verzichten? Auch <img> und andere Elemente können Klassennamen erhalten.
Ich werd' ehrlich gesagt aus dem oben geposteten Code nicht schlau =/ Vielleicht brauchst du die Elemente gar nicht absolut zu positionieren? Wenn absolut, dann muss das umgebende Element (in deinem Beispiel <td>) position:relative bekommen - sonst verraffens manche Browser. Eventuell reicht aber auch ein einfaches Code:
td { clear:both; } td img { float:left; } Code:
td p.beschreibung{ float:right; } Chris
__________________
Ich bin keine Signatur, ich putz hier nur |
|
||||
jau, denn Tabellendesign ist mittlerweile Steinzeit.
Schau mal hier, dort kannste nachholen was heute angesagt ist.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Hallo,
erst mal besten Dank für die Antworten. Zitat:
Also nochmal in Code tags, hatte ich leider übersehen, Konkret hier 1. der html Ausschnitt, wo alles drin ist. Im FF wird ja auch alles korrekt angezeigt! Ist also nicht grundsätzlich verkehrt. HTML-Code:
<td width="570" valign="top" bgcolor="#DFC85E"><div class="logo"><img src="images/logo.gif" alt="Logo" width="250" height="59"</div> <div class="logo-text"><p>hier befindet sich ein kurzer Text etwa wie jetzt</p></div></td> Code:
.logo { position: absolute; top: 45px; left:400px; background-image: url(../images/logo.gif); } .logo-text{ position: absolute; top: 110px; left:400px; font-size: 14px; font-weight:normal; letter-spacing: 1px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #811E0A; } Zitat:
Zitat:
So, und die Grafik wird überall an der richtigen Stelle angezeigt! Es geht eigentlich nur um den Textschnippsel. Und der Text im FF zumindest richtig, 110px von oben also mit etwas Abstand unter der Grafik und 400px Abstand von links. Es geht also "nur" um den IE8. @ Chris wo soll Dein Code nun, in meinen Code oben, hin? Gruss Ria
__________________
Ich weiss, dass ich nichts weiss. |
|
||||
Solltest du vielleicht überdenken...
Zitat:
Ohne lauffähiges (Code-)Beispiel bleibt das hier meiner Meinung nach ein unnötiges Rätelraten. Zumindest per PN könntest du Links verschicken (was dem Sinn des Forums widerspricht), oder eine temporäre Weiterleitung einrichten (die dann im Forum wieder gelöscht wird).
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau Geändert von nevermind (20.12.2010 um 14:25 Uhr) |
|
|||
Hallo MetaCrawler,
Zitat:
Zitat:
Zitat:
Und nicht Online sondern Offline auf meinem Home PC (apache2 / Mysql DB). Was fehlt denn da an Code? Das ist doch genau die Stelle um die es sich dreht, die ich oben gepostet habe? Gruss Ria
__________________
Ich weiss, dass ich nichts weiss. |
|
|||
Ria, "lauffähig" heißt, dass wir deinen Code im Browser testen können. Das geht nur mit vollständigem Code -- und wenn es um Bilder geht: mit den Bildern.
Dass und warum Codeschnipsel nutzlos sind, kannst du in den Hinweisen für Fragende nachlesen, auf die du bereits vor dem Erstellen deines Threads hingewiesen wurdest.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
||||
Kennst du wirklich nur Typo3 und Joomla?
Es gibt massig sinnvollere Alternativen. Warum wir mehr oder lauffähigen Code benötigen? Weil das Problem wahrscheinlich im geposteten Code nicht enthalten ist. Es können mehrere Aspekte eine Rolle spielen. z.B. wissen wir nichts über das umgebende td... hat es position: relative? Was hindert dich daran, den Quellcode der Seite zu posten?
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
|
|||
Ich habe zunehmend den Eindruck, dass wir immer mehr damit ausgelastet werden ansich Selbstverständlichkeiten, wie z. B. nachvollziehbaren Code, von den Fragenden anfordern zu müssen. Welch Vergeudung.
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Schrift in Navigation positionieren | user_x | CSS | 8 | 26.01.2011 18:02 |
Weiße Schrift weiß drucken | renet | CSS | 5 | 15.07.2009 21:58 |
[TYPO] Axel - eine neue Spiekermann et. al Schrift | andir | Grafik, Design, Typografie | 0 | 13.06.2009 23:57 |
Helle Schrift auf dunklen Hintergrund | Mesh | (X)HTML | 6 | 06.08.2007 21:31 |
skalierbare Schrift in IE / NN / FF / OP | siakone | CSS | 17 | 10.05.2006 12:21 |