zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Schrift positionieren + FF OK IE nein

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.12.2010, 20:59
Ria Ria ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2005
Beiträge: 25
Ria befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.12.2010, 21:11
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hallo

Bitte poste den ganzen Code (in die Code Tags).
Oder noch besser: stell ein Beispiel online.

Schuss ins Blaue --> position:absolute ist fast immer überflüssig/Müll/Murks.
Muss es mit Tabelle sein? Gibt zumindest in dem Schnippsel keinen Sinn.
Die gleiche Grafik ist im html und im css??

Manfred
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.12.2010, 01:13
Benutzerbild von Unsk1ll3d
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.01.2006
Beiträge: 206
Unsk1ll3d befindet sich auf einem aufstrebenden Ast
Standard

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; }
und optional:
Code:
td p.beschreibung{ float:right; }
Grüßel,
Chris
__________________
Ich bin keine Signatur, ich putz hier nur
Mit Zitat antworten
  #4 (permalink)  
Alt 20.12.2010, 08:48
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Ria Beitrag anzeigen
Nach längerer css abstinenz bin ich jetzt wohl völlig daneben
jau, denn Tabellendesign ist mittlerweile Steinzeit.

Schau mal hier, dort kannste nachholen was heute angesagt ist.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 20.12.2010, 14:02
Ria Ria ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2005
Beiträge: 25
Ria befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

erst mal besten Dank für die Antworten.

Zitat:
Schau mal hier, dort kannste nachholen was heute angesagt ist.
ja sicher, deswegen mache ich aber nicht die ganze alte Site jetzt neu, nur weil ich die logo Grafik vergrößern muss. Meine neue Seite kommt erst nächtes Jahr und wird joomla 1.6

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>
und hier die style.css dazu 2.:

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; }
der css Code ist ausgelagert in eine "style.css"

Zitat:
Oder noch besser: stell ein Beispiel online.
geht im Moment nicht.

Zitat:
Die gleiche Grafik ist im html und im css??
in der html steht nur die classe und in der style.css, die Anweisung, hmm verstehe ich was nicht? Jedoch:

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 20.12.2010, 14:22
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Zitat:
Zitat von Ria Beitrag anzeigen
...und wird joomla 1.6
Solltest du vielleicht überdenken...

Zitat:
Zitat von Ria Beitrag anzeigen
in der html steht nur die classe und in der style.css, die Anweisung, hmm verstehe ich was nicht? Jedoch:
Nunja, das die Grafik umgebende div hat die Klasse und damit dein Logo als Hintergrundbild. Zusätzlich hast du innen ein img, was die selbe Logografik enthält. Sinn?

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)
Mit Zitat antworten
  #7 (permalink)  
Alt 20.12.2010, 14:37
Ria Ria ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.09.2005
Beiträge: 25
Ria befindet sich auf einem aufstrebenden Ast
Standard

Hallo MetaCrawler,

Zitat:
Solltest du vielleicht überdenken...
warum? "Typo" ist mir zu sperrig und was ich will geht nur als CMS.

Zitat:
Sinn?
die Seite hatte ich mal für eine Freundin gemacht und will jetzt nicht das Rad neu erfinden oä.

Zitat:
Ohne lauffähiges (Code-)Beispiel bleibt das hier meiner Meinung nach ein unnötiges Rätelraten.
Der Code läuft im FF einwandfrei!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

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.
Mit Zitat antworten
  #8 (permalink)  
Alt 20.12.2010, 14:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
  #9 (permalink)  
Alt 20.12.2010, 14:55
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 20.12.2010, 15:18
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von MetaCrawler Beitrag anzeigen
Warum wir mehr oder lauffähigen Code benötigen?
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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:00 Uhr.