ie, FireFox und Liquiddesign
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
anzeigen
attribut
auflsung
auto
befehl
beitrag
bild
datei
explorer
gedacht
letzte
liquid
margin
overflow
pack
rahmen
recht
right
standard
streifen
-
Nabend,
habe ein neues Logo per CSS im liquiddesign erstellt und das Problem dass im FireFox das Logo zwar Liquid aber immer ausserhalb meiner Anzeige liegt.
Seltsammer Weise im IE genau da (rechts aussen liquid) wie es gedacht war.
Pleas Help
http://damug.lima-city.de/
Beitrag geaendert: 13.5.2007 16:16:14 von ferdinand24 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ohne deinen Aufbau etwas genauer zu beschreiben wird es schwer, dir zu helfen.
Oder geb mal den Link auf die von dir gemeinte Seite, damit man sich den Quellcode anschauen kann.
Deine Seite, welche hier auf Lima liegt sieht bei mir sowohl im IE als auch im FF gleich aus ;)
Ich habe FF 2.0.o.3 und IE 6.0
Beitrag geaendert: 12.5.2007 19:53:26 von karpfen -
was hast du denn da geschrieben:
<img src="images/Layout_Logo.png" alt="" height="165" width="639" border="0" autolowsrc="autolowsrc" lowsrc="images/Layout_Logols.gif" />
ist das ein befehl einmal für den IE als gif und einmal für FF?
hab sowas nämlich noch nie gesehen ;)
wegnehmen kannst du aber auf jeden fall schon mal alt="" und border="0"
alt hast du nicht angegeben und ein bild hat normal keinen border ;)
kannste mir dann ma den letzten teil davon erklären? -
Vieleicht bin ich der Lösung auf der Spur. könnte es sein das die Explorer auf einer Auflösung von 800px width basieren oder sich auf diesen Standart geeinigt haben?
Und somit auf meiner Anzeige die auf 1280 widht ist zwar den vollen Bildschirm nutzen können aber Browser intern weiter auf 800px widht arbeiten?
Denn wenn die navbox auf width:auto belasse einen wert max-width:750px hinzufüge (sieht dann so aus {width:auto; max-width:750px})
hab ich in meinem Vollbildmodus (1280 x 1024) im IE wie auch endlich im FF Explorer das Logo da wo es sein soll und liquid.
Bitte mal auf meine Hompage hier bei Lima schaun und posten welche Auflösung ihr fahrt und ob das Logo rechts oben voll zu sehen ist.
was hast du denn da geschrieben:
<img src="images/Layout_Logo.png" alt="" height="165" width="639" border="0" autolowsrc="autolowsrc" lowsrc="images/Layout_Logols.gif" />
ist das ein befehl einmal für den IE als gif und einmal für FF?
hab sowas nämlich noch nie gesehen ;)
wegnehmen kannst du aber auf jeden fall schon mal alt="" und border="0"
alt hast du nicht angegeben und ein bild hat normal keinen border ;)
kannste mir dann ma den letzten teil davon erklären?
Auch wenns nicht hier her gehört eine kleine Exkursion...
Ab autolowscr gehört das ganze zu einer extra erstellten Gif mit sehr niedriger Auflösung welche vor der eigentlichen höher auflösenden PNG geladen wird als "featur" für langsame ISDNler zum Bleistift.#
Hat zugegebener maßen bei einem so kleinen Logo nicht viel Sinn aber bei auflösungen um die 800px x 600px siehst dann eben erst eine sehr schnell geladene gif und kannst schneller durch die Bilder schaun. Wenn dir was nich gefällt wartest eben erst ga nicht bis die größere PNG, Jpg datei geladen wird und klickst weg.
Einen Befehl für den IE was PNGs angeht hab ich im head aber auch noch eingenaut.
...was ich da geschrieben habe: Hab das eben nur mal schnell hochgeladen um Hielfe wegen des aus der Anzeige verschwindenden Logos zu bekommen. Ein "alt:" Tag soll später noch rein kommen.
Beitrag geaendert: 12.5.2007 21:07:55 von damug
Beitrag geaendert: 12.5.2007 21:10:46 von damug -
a) Das hat bisher noch nicht viel mit Liquid Design zu tun
b) Das Problem ist, dass das Bild 639px breit ist, der rechts schwebende Rahmen div.navrboxright_kopf aber nur 100px, da geht das Bild über den Rahmenrand hinaus (du kannst für den Rahmen ja gern mal "overflow: hidden;" einstellen). Zudem ist es quelltexttechnisch wenig elegant, wenn du sowohl ein externes CSS, als auch CSS im Head und zusätzlich noch HTML-Attribute hast (man kann ja alles in die extrene Datei packen).
Übrigens wird es in IE (zumindest Version 7) und Firefox gleich angezeigt.
Beitrag geaendert: 12.5.2007 23:56:19 von wolfgangmixer -
b) Das Problem ist, dass das Bild 639px breit ist, der rechts schwebende Rahmen div.navrboxright_kopf aber nur 100px, da geht das Bild über den Rahmenrand hinaus (du kannst für den Rahmen ja gern mal "overflow: hidden;" einstellen).
DANKE! Hab ich total übersehen.
Zudem ist es quelltexttechnisch wenig elegant, wenn du sowohl ein externes CSS, als auch CSS im Head und zusätzlich noch HTML-Attribute hast (man kann ja alles in die extrene Datei packen).
Übrigens wird es in IE (zumindest Version 7) und Firefox gleich angezeigt.
Nutze selbst nur FF und hab den mit Windows XP vorinstallierten 6er IE für die Vorschau. Immerhin werden viele diesen Browser noch benutzen da will ich das auch da alles so aussieht wie ich es möchte.
Ist alles noch im werden. Werd drauf achten das das auch fein in die externe kommt.
-
sorry für den doppel post.
verzweifel aber schon wieder an einem anderen problem zum thema.
Ich möchte zwei navboxen mit z-index überlappen lassen so dass mein Logo über einen grünen Streifen mit Bildern gleitet wofür der Streifen also hinter der navbox mit dem Logo liegen muss (wird andere fste größen für den effect erhalten).
So sieht das bei mir nun aus:
.navrboxcont_kopf { width: auto; height:100px ; z-index: 1; }
.navrboxright_kopf { width:639px; float:right; height:100px ; }
.navrboxauto_kopf { width:auto; height:100px ; margin-right: 639px; }
.navrboxcont_layoutstreifen { background-color: #7db874; position: absolute; top: 80px; width: 100%; height:80px; z-index: -1; }
.navrboxright_layoutstreifen { width:639px; float:right; height:80px ; }
.navrboxauto_layoutstreifen { margin-right:639px; width:auto; height:80px ; }
Der IE (6 SP2) zeigt das so wie gedacht an und im FF (2,x) ist die 2te navbox nicht mal zu sehen.
werd das ganze auch wieder hochladen dauert aber ein wenig bis es dann als hompage hier steht. wartet mal 1/2std. -
Drei Sachen zum Klugscheißen:
1) Standard
2) Das Attribut "alt" sollte im <img>-Tag vorhanden sein, dass es dem W3C Standard entspricht.
3) Das Attribut "border" sollte nicht als Attribut genutzt werden, sondern wenn überhaupt nur über CSS genutzt werden. Generell kann man aber für alle Bilder mittels CSS-Definition den Rahmen auf 0px Breite setzen, sodass auch bei verlinkten Bildern kein Rahmen erscheint. img { border: 0px; } -
wie gesagt, wird alles noch...
das z-index problem hab ich immer noch nicht glöst, aber:
Die überlappende positiionierung mit z-index will ich nur da der overflow meiner
navbox im IE 6 nicht dargestellt wird.
IE klatscht die 2te navbox an die 165px Höhe meiner PNG und berücksichtigt irgendwie nicht das ich der navbox nur 100px zugestehe.
Gibts ne möglichkeit wie ichs auch mit meinem PNG Logo hin bekommen hab das der IE 6 overflow auch schafft?
-
Willst du das verdammte Bild zentrieren?
Dann gib einfach
bild{
margin:0 auto;
}
an.
Ich hab mich schon gefragt, was das mit dem Rahmen soll, den man eh nicht sieht! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
