Stark zerhacktes Layout im IE...

Dome · 09.06.2006, 17:24

Ich hab ein stark zerhacktes Layout. Im Firefox ist alles gut nur nicht im IE (<- klar oder?

)

Ich häng mal die Screens an...
Hier die URLs:
http://abschluss10a06.ab.funpic.de/
http://abschluss10a06.ab.funpic.de/forum/

Die Stylesheets:
http://abschluss10a06.ab.funpic.de/main.css
http://abschluss10a06.ab.funpic.de/navi.css

Beide Fehler werden bei beiden Links unterschiedlich angezeigt obwohl es sich um die selben Stylesheets handelt...

Kann mir jemand sagen wie ich das in den Griff bekomme?
Danke

EDIT

So habe jetzt einen kleinen Fehler im FF, siehe 4. Screen

satre · 09.06.2006, 18:51

Versuch mal der Form bei Community ein margin und padding von 0 zuzuweisen.

Code:

<form style="margin:0; padding:0;>

Dome · 09.06.2006, 20:03

hatte ich schon, habs inzwischen wieder weg gemacht aber ich versuch mal die direkte variante...
Auf jedenfall danke schonmal

satre · 09.06.2006, 20:14

Du hast vergessen das Anführungszeichen zu schließen. Genau wie ich.

Code:

<form style="margin:0; padding:0;">

Vielleicht bringts was.

Boris · 10.06.2006, 09:35

Wozu benutzt du eigentlich CSS, wenn du doch nur alles mit dem alten "<center>" Tag zentrierst?

Räum mal dein XHTML auf:
http://validator.w3.org/check?verbos...b.funpic.de%2F

Dome · 10.06.2006, 12:30

@satre: werd ich so bald wie möglich ändern...
@Boris: mach ich auch so bald wie möglich...

Ich hoffe ich kann meine Daten auf dem PC noch retten, mir hats gestern meine Platte zerrissen...

hab schon ne neue muss nur noch versuchen die Daten rüberzuziehen, dann gehts weiter

Edit: könnt ihr mir erklären wie der 4. Screen zustande kommt? Oder ist das "nur" n Grafikfehler vom IE?

Edit2: @Satre: ich weiß nicht was ich geändert habe aber das Formularfeld geht jetzt einwandfrei

nur der 4. Screen kapier ich nicht, das muss ich noch hinbekommen...

Dome · 15.06.2006, 00:35

So hab jetzt nur noch mit einer Zeile schwierigkeiten, die im XHTML-Test angezeigt wurden:

HTML-Code:

<iframe src="http://www.CounterFuchs.de/member/link.php?mid=788&style=z" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="66px" height="12px"></iframe>

http://validator.w3.org/check?uri=ht...ss=1&verbose=1

Wie kann ich das lösen? Und wie kann ich den Screen 4 verhindern?
THX

satre · 15.06.2006, 00:42

du musst die &-Zeichen codieren:

Code:

&amp;

Außerdem ist diese Konstruktion ziemlich aufgebläht:

Code:

<a class="menu_links" href="#">Pics Abschlussfahrt</a>
<a class="menu_links" href="#">Pics Schüler</a>
<a class="menu_links" href="#">Pics Lehrer</a>
<a class="menu_links" href="#">Klassenliste</a>
<a class="menu_links" href="#">Steckbriefe</a>
<a class="menu_links" href="#">Abschlussfahrt DVD</a>
<a class="menu_links" href="#">Downloads</a>
<a class="menu_links" href="#">Sonstiges</a>

Alternative:

Code:

<div class="menu_links">
<a href="#">Pics Abschlussfahrt</a>
<a href="#">Pics Schüler</a>
<a href="#">Pics Lehrer</a>
<a href="#">Klassenliste</a>
<a href="#">Steckbriefe</a>
<a href="#">Abschlussfahrt DVD</a>
<a href="#">Downloads</a>
<a href="#">Sonstiges</a>
</div>

Oder gleich als Liste.

Code:

<ul class="menu_links">
<li><a href="#">Pics Abschlussfahrt</a></li>
<li><a href="#">Pics Schüler</a></li>
...
</ul>

Boris · 15.06.2006, 00:43

Zitat:

width="66px" height="12px"

Das ist falsch, da gehören keine px rein.

Dome · 15.06.2006, 08:14

@satre: ok ich glaub ich nehm die liste...
@Boris: wie konnte mir das passieren?

THX euch beiden...

Daniel FR · 15.06.2006, 08:51

Moin, Dome:

Sind deine ursprünglichen Probleme jetzt alle gelöst oder ist noch etwas offen?

Dome · 15.06.2006, 10:45

Jetzt ist nur noch der Screen 4 das Problem, sieht wie ein Grafikfehler im IE aus aber ich weiß ja nicht...
URL: http://abschluss10a06.ab.funpic.de/forum/
Screen: http://www.traum-projekt.com/forum/a...g?d=1149866571

Edit: wie komm ich immer auf Scren 4? es ist doch der 2.!!! Sorry, hab euch n bisl verwirrt (mich auch

)

Daniel FR · 15.06.2006, 11:43

Versuch mal, dem Container <div class="container_rechts"> im CSS eine Höhe zuzuweisen, also

Code:

.container_rechts
{ 
...
height:100%;
... 
}

Könnte helfen.

Gruß, Daniel

Dome · 15.06.2006, 16:29

Äh ich werds versuchen, danke...
aber was ist, wenn der Inhalt größer ist? passt sich das dann an, also wird die Höhe dann ignoriert oder wirds dann einfach abgeschnitten? - ich versuchs einfach mal aus...

Edit: DANKE! Vielen Dank, hat funktioniert!

Daniel FR · 15.06.2006, 16:45

Schön, dass ich dir helfen konnte.

Das Problem hatte ich selbst mal vor ein paar Monaten. Seltsamerweise tritt der Fehler nur auf, wenn im Contentbereich eine Tabelle steht und der IE lässt auch den Bereich vor der Tabelle oben stehen und schiebt auch nur alles ab Tabellenbeginn nach unten. Habe damals die Lösung irgendwo im Internet gefunden.

Gruß, Daniel