Forum Webdesign
CSS-Problem IE / Contentbereich
Hallo zusammen,
auf der Seite http://tkc.kunden.hiltmann.net gibt es ein CSS-Problem, sobald man sich nicht auf der Startseite befindet (z.B. wenn man einen Menüpunkt wie Leistungen anklickt).
Der Content-DIV wird im Internet Explorer ganz unten unter der eigentlichen Seite angezeigt und im Firefox ist dieser um einige Pixel zu weit nach oben und ragt in die Hauptnavigation rein.
Hat jemand eine Ahnung, woran das liegen könnte? Nach mehrmaligen Versuchen komme ich nicht auf die Lösung. Für Hinweise, Tipps und Ratschläge wäre ich sehr dankbar!
Ich sag schon mal Danke im Voraus.
Grüße
Tobias
Re: CSS-Problem IE / Contentbereich
Hallo Tobias,
das hat wohl zwei Ursachen.
1. das "Hineinragen nach oben" liegt vermutlich an negativen Margins die zur "Vertuschung" eines anderen Problems benutzt werden.
2. "Inhalt beim IE nach unten verschoben" liegt daran, dass irgendwas "zu breit" ist. Also Elemente innerhalb von col3 kontrollieren oder col3 gleich eine feste Breite in px geben, dann bekommt der IE das besser hin.
Re: CSS-Problem IE / Contentbereich
Hallo Stephan,
Problem 1 habe ich beseitigen können. Der Contentbereich ragt jetzt nicht mehr in die Navigation hinein. Im Firefox sieht es jetzt gut aus.
Jedoch besteht das Problem 2 immer noch, trotz fester Breite rutscht das gesamte DIV nach unten (im IE). Es will einfach nicht...
Grüße
Tobias
Re: CSS-Problem IE / Contentbereich
Hallo Tobias,
mach die Breitenangabe mal noch ca. 10px kleiner. YAML hat da noch an manchen Stellen einige pix zusätzlich mit drin. Wenn du also einfach mal spasseshalber 450px angibst...
Re: CSS-Problem IE / Contentbereich
Hallo nochmal,
habe ich auch schon versucht. Also einfach 250px, 350px.. es wird zwar dann kleiner, steht aber immer noch unten drunter...
Grüße
Tobias
Re: CSS-Problem IE / Contentbereich
Hi,
wie Stephan schon sagte, da ist ein Element zu breit.
Hast du mal in den IEFixes geschaut? Vielleicht ist da eine Einstellung drin die das verursacht...
Viele Grüße,
Carsten
Re: CSS-Problem IE / Contentbereich
Hallo Tobias,
ich würde vermuten, das nicht die Breite von col3 Dein Problem verursacht, sondern der IE mal wieder mit den Paddingangaben wahrscheinlich im Untermenue nicht klar kommt.
Thema Boxmodel
Re: ERLEDIGT - CSS-Problem IE / Contentbereich
Hallo an alle,
danke für die Ideen. Wir haben das Problem jetzt einkreisen und dadurch auch lösen können:
1. es lag an einem schließendem "</div>", welches nur auf den Seiten eingeblendet wurde, auf denen der Newsgrabber nicht angezeigt wurde. Wir hatten eine weitere IF-Abfrage eingebaut, die dafür sorgt, dass die News nur auf der Startseite angezeigt werden. Die schließende "{/if}"-Abfrage stand nach dem schließendem "</div>", wodurch dieses dann IMMER ausgegeben wurde, auch wenn der Newsgrabber gar nicht angezeigt wurde.
2. die Lösung: im Template des Newsgrabbers ("/plugins/newsgrabber/newsgrabber_front.html") musste das schließende "</div>", das das Problem verursachte, vor die schließende "{/if}"-Abfrage. Dann wird dieses schließende "</div>" auch nur dann ausgegeben, wenn der Newsgrabber angezeigt wird.
Hier der Quelltext des Templates:
{if $module_aktiv.newsgrabber_front}
<!-- MODUL: newsgrabber_front -->
{if $menuid_aktuell<=1} #Hinweis: ist nur notwendig, wenn die News nur auf der Startseite ausgegeben werden sollen#
<div class="modul" id="newsgrabber_front">
{$newsgrabber_text}
</div>
{/if}
<!-- ENDE MODUL: newsgrabber_front -->
{/if}
Herzliche Grüße
UHI
Re: CSS-Problem IE / Contentbereich
Hallo,
ich habe genau das gleiche Problem. Der Contentbereich verschiebt sich bei mir nach unten - nur im IE, FF funktioniert optimal. Ich habe schon alles mögliche ausprobiert, in den IE Fixes der col3 eine feste Breite gegeben, diese reduziert, das gleiche hab ich auch mit den page margins und dem main-Bereich probiert. Es tut sich gar nichts, die Breite ändert sich nicht mal... das einzige was funktioniert hat war ein margin-top (*:first-child+html) für jede Seite. Sobald man aber in der nebenstehende Spalte mehr Inhalt einpflegt, rutscht der Contentbereich wieder runter...also hab ich's wieder entfernt.
Außerdem habe ich sämtliche von mir genutzten Plugins kontrolliert (wegen der oben genannten </div>-Geschichte), aber auch das hat nichts geholfen.
Jetzt bin ich mit meinem Latein total am Ende! Habt ihr noch eine Idee? Gibt es irgendetwas was ich vergessen habe, irgendeine Breite die man noch verändern könnte?
Re: CSS-Problem IE / Contentbereich
Hi,
der IE braucht eine feste Breite und overflow:hidden; für die col3
Viele Grüße,
Carsten
Re: CSS-Problem IE / Contentbereich
Das hat leider auch nichts gebracht...
Re: CSS-Problem IE / Contentbereich
Hallo contcc,
hast Du mal einen Link auf deine Seite ?
Ansonsten so wie Carsten es schreibt, mach nicht so viele feste Parameter rein, Du must dich da langsam vortasten, hat bis heute immer geklappt. Vieleicht wird es ja irgendwann mit dem IE klappen.
Noch einen schöne Tag
Gruß
Kurt
Re: CSS-Problem IE / Contentbereich
Hallo Kurt,
hier der Link: www.goldfever.de.
Ich habe festgestellt dass der IE scheinbar gar nicht auf die IE Fixes reagiert... wenn ich eine Breite über den First-child-Bug direkt im css der Startseite änder funktionierts. Aber leider steht der Contentbereich dann trotzdem zu weit unten. Außerdem richtet er sich dann nach dem Inhalt der linken Spalte, was ein Aktualisieren der Seite quasi unmöglich machen würde...
Re: CSS-Problem IE / Contentbereich
Im FF sieht man zum Vergleich die richtige Darstellung der Seite.
Re: CSS-Problem IE / Contentbereich
Hallo contcc,
schöne Seite!
Auf der linken Seite hast Du .rigthitem
mit einer breite von 458px und die Überschrift ist 465px.
auf der rechten Seite ist 'col3 mit einer breite von 458px und das Menü ist 480px breit.
Ich glaube das hier deinen Probleme liegen.
Pass mal die Sachen an , wobei das Menü mit dem eigenen Umbruch im IE immer Probleme macht!
Viel Erfolg
Gruß
Kurt
Kannst Dich ja nochmals melden.
Re: CSS-Problem IE / Contentbereich
Hallo Kurt,
danke für die Antwort. Leider hat es auch nicht geklappt. Ich habe alle Größen angepasst, selbst wenn ich die col3 auf 0px setze, rutscht es nicht hoch...
Re: CSS-Problem IE / Contentbereich
Hallo contcc,
setz mal in der basemod.css
#col3
{
background:#fff;
padding:0px 0px 0px 0px;
margin-left: 458px;
min-height: 500px;
}
Das Problem ist dein Menü im col3
Zahlen, date, Faken ist 162px #menu_114
Stadtteile ist 86px #menu_115
Lage im Münsterland ist 152px #menu_116
Stadtinfo ist 74px #menu_117
ergibt 474px Gesamtbreite = zu GROSS
setz mal 157, 81, 147, 69 = 454 plus 1px Trennstrich je Spalte = 458px
Viel Erfolg
Gruß
Kurt
NACHTRAG:
margin-left: 0px 0px 0px 458px;
padding 0;
und spiel mal mit der 458px
der Bereich .floatbox artikel_details
ist auch 458px gross und ist im Bereich #col3
------------------------------------------------
Habe mir gerade mal ein Papoo Apfel aufgesetzt und folgendes in die basemod.css eingetragen
#col1
{
padding:5px;
width:458px;
margin-top:-12px;
}
#col2
{
width:0px;
margin-top:0px;
}
#col2
{
font-size: 100%;
margin-left:20px;
line-height: 1.2EM;
color:#333;
}
#col3
{
background:#fff;
padding:0px 0px 0px 0px;
margin-left:460px;
margin-right:0px;
line-height:1.7em;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin-top:0px;
}
Klappt im IE , in der IEFix... habe ich nichts gemacht.
Gruß
Kurt
Sie müssen sich anmelden, um einen Beitrag schreiben zu können.
... denn jedem Anfang liegt ein Zauber inne, der uns besch?tzt und der uns hilft zu leben ... Hermann Hesse
Finden Sie Ihren Ansprechpartner für Ihre Umsetzung in Ihrer Region - unsere zertifizierten Partner beraten Sie und setzen für Sie Ihre Webseite um. Unsere zertifizierten Partner finden Sie hier...