Darstellungsfehler
Eingetragen von Luc (36)am 11.08.2008 - 16:18 Uhr in
Hallo.
ich nutze das Theme internet_music. Eigentlich bin ich sehr zufrieden damit. Wenn ich aber meine Seite im InternetExplorer öffne, ist folgender Teil verruckt:
Normal (Firefox):
Und noch ein Fehler ist mir aufgefallen, diesmal aber im FF, dort werden auf der rechten Seite der content top und content bottom Blöcke jeweils eine Linie angezeigt, welche da nicht hingehört:
Im IE sieht das so aus:
Wobei ich bei dem 2. Fehler dazusagen muss, dass dieser erst seit kurzem auftritt.
Wer kann mir bei der Lösung dieses Problems helfen?
LG,
Luc
- Anmelden oder Registrieren um Kommentare zu schreiben
Firebug hilft Dir
am 11.08.2008 - 16:45 Uhr
Helfen kann Dir das Firefox Add on "Firebug".
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Und bei
am 11.08.2008 - 19:41 Uhr
dem Fehler im IE?
Außerdem finde ich den Fehler mit Firebug auch nicht.
Wie kriege ich das gelöst?
habe leider denselben
am 29.08.2008 - 08:55 Uhr
habe leider denselben fehler, mit IE 7.... schon jemand einen hint?
das ist so auf die ferne
am 29.08.2008 - 09:48 Uhr
das ist so auf die ferne wirklich schwer zu sagen. habe mal die theme-demo angeschaut und den fehler im ie7 seh ich auch. die linie rechts im firefox kann ich nicht bestätigen.
vielleicht mag der ie das "clear:both" nicht, oder versteht es nicht richtig. denn wenn man das ganz rausnimmt, zeigt firefox das genauso an. nach etwas googlen seh ich, dass das mit clear:both wohl ein ie-bug ist.
probier doch mal
position: relative;in deiner style.css in zeile 180 (.search_field), das ist zwar standardeinstellung, soll aber helfen ;-) falls es hilft, poste doch bitte noch mal hier.Hi, das hier ist die basis
am 29.08.2008 - 09:48 Uhr
Hi,
das hier ist die basis Version?
http://www.solucija.com/templates/demo/Internet_Music/
Da sehe ich keine Fehler im IE.
Hast du eine URL? Ohne dein HTML & CSS kann man da wenig machen.
---
Viele Grüße,
Kars-T
Arbeit: comm-press
Hobbies: Tower Defense HQ, plamo.de, Blog
Zitat: das ist so auf die
am 29.08.2008 - 09:56 Uhr
das ist so auf die ferne wirklich schwer zu sagen. habe mal die theme-demo angeschaut und den fehler im ie7 seh ich auch. die linie rechts im firefox kann ich nicht bestätigen.
Hab ich auch grad wieder gefunden...
Okay, die Boxen sind zu breit. Du hast da ".search_field" und ".newsletter".
Wenn du ".search_field" mal width:10px; gibts, wirst du sehen, das die beiden Elemente plötzlich in einer Zeile stehen. Du musst also für ".search_field" die richtige Breite finden und dann sollte es gehen. overflow:hidden; sollte eigentlich auch helfen, damit die boxen nicht gesprengt werden. Ansonsten hab ich mal gelesen, das display:inline; beim IE verhindern soll, das die margins anders werden. Aber ich hab nicht probiert ob damit was geht.
Warum die andere Box breiter ist, kann ich dir aber nicht sagen. Im Zweifel versuch doch mal eine width zu erzwingen.
---
Viele Grüße,
Kars-T
Arbeit: comm-press
Hobbies: Tower Defense HQ, plamo.de, Blog
Ich sehe die Basisversion
am 29.08.2008 - 09:57 Uhr
Ich sehe die Basisversion von Kars'Ts Link im IE auch verschoben, nur weniger schlimm (das ist oben der Balken neben "Subscribe for Newsletter!")
Spannend, bei mir ist da
am 29.08.2008 - 10:15 Uhr
Spannend, bei mir ist da nichts...
Bild
HTML valide, CSS Valide. Schon komisch, das die Version bei dir auch spinnt.
---
Viele Grüße,
Kars-T
Arbeit: comm-press
Hobbies: Tower Defense HQ, plamo.de, Blog
ich gucke mit IE7 auf Vista
am 29.08.2008 - 10:38 Uhr
ich gucke mit IE7 auf Vista und du mit IE6 auf XP ;-)
sieht die drupal-demo des themes in ie6 auch so aus wie in deinem screenshot?
Nein, die ist auch
am 29.08.2008 - 10:48 Uhr
Nein, die ist auch zerschossen. Ich habe daran ja die CSS Empfehlungen rausgesucht. Einfach lokal kopiert und dran rum gefummelt. Ich denke, das kann man hinkriegen. :)
---
Viele Grüße,
Kars-T
Arbeit: comm-press
Hobbies: Tower Defense HQ, plamo.de, Blog
irgendwie tut es das alles
am 29.08.2008 - 11:22 Uhr
irgendwie tut es das alles nicht. das einzige was beim testen funktioniert ist, .search_field noch dies anzuhängen:
// margin-top:12px;ich weiß aber nicht, wie bzw. ob ie6 das auffasst und dann dort wieder was schief ist *g*
ansonsten musst du das mal bei google recherchieren, es gibt ziemlich viel material über diesen clear-bug bei ie7.
.search_field { text-align:
am 29.08.2008 - 11:45 Uhr
.search_field {text-align: right;
float: right;
width: 540px;
height: 38px;
background: #464548 url(images/searchbg.gif) no-repeat top right;
color: #000;
clear: both;
padding: 10px 10px 0 0;
}
Einfach hier nochmal mit den Ausdehnungen des Elements rumspielen? Das sollte doch das ganze lösen, denke ich mal. Nach meiner Meinung klappt es, wenn du die width runter stellst.
Hatte ich aber probiert, bei
am 29.08.2008 - 11:59 Uhr
Hatte ich aber probiert, bei 10px ging das tatsächlich, aber selbst bei 400px war das noch schief... Aber kann er ja erstmal ausprobieren :-)
ich sag schon mal vorab thx
am 29.08.2008 - 12:57 Uhr
ich sag schon mal vorab thx für die ganzen infos, werd mir das am abend mal ansehen ....
so hab es gelöst: hab mir
am 29.08.2008 - 18:55 Uhr
so hab es gelöst: hab mir einfach für IE 7 eine eigene CSS geschrieben mit dem top-margin befehl und nun gehts.... hoffe nur dass IEs darunter es auch mit dem standard code richtig darstellen
kannst du doch
am 30.08.2008 - 08:18 Uhr
kannst du doch überprüfen...
http://browsershots.org/