Problem mit der Darstellung

[Raider]

Hallo

Kurze Frage ...

Wie kann ich unter den Logo ganz oben Links weitere Grafiken bis ganz unten einfügen ohne dass sich das weitere rechts daneben mit nach unten verschoben wird?

Habs bereits mit Tables ausprobiert aber ich schaffe es irgendwie nicht ohne den Layout zu zerstören.

Kann mir bitte jemand weiterhelfen?

MultiBrand Factory Outlet

 

[Icy]

Also ich würde die Grafiken und den Rest in zwei verschiedene Boxen packen:

<div style="float: left; width: 150px; ">
  <img src="URL1" alt="" /><br />
  <img src="URL2" alt="" /><br />
  <img src="URL3" alt="" /><br />
  <!-- ... -->
</div>

<div style="float: right; width: 500px; ">
  <!-- Inhalt der Seite -->
</div>

MfG Icy

 

[Raider]

Hab ich gemacht ... schau nochmal kurz rein. verschiebt sich doch alles nach unten.

 

[Icy]

Also ich hab mir die Breitenangaben deiner Seite nicht angeschaut; die 500px und 150px musst du natürlich auf deine Seite anpassen, die hab ich nur beispielhaft gesetzt.

MfG Icy

 

[Raider]

Es liegt nicht daran. Schau dir die Seite bitte mal mit IE an.

 

[threadi]

Korrigier mal die vielen HTML-Fehler: [Invalid] Markup Validation of http://mbfo.ch/reza/ - W3C Markup Validator

Was besonders schlimm ist:
- kein Doctype
- mehrere span-tags die nicht richtig geschrieben und auch nicht geschlossen sind

 

[Raider]

Alles klar, bis auf ein paar Fehler hab ich alles andere korrigiert. Aber woran liegt es dass die Seite nur im IE einige Massen OK aussieht? Im Opera und FF sieht sie ja katastrophe aus :-?

 

[threadi]

Da dürfte dein CSS-Code für zuständig sein. Beim groben drüberschauen fällt mir schonmal auf, dass du an ungünstigen Stellen padding verwendest, was im IE u.a. zum Box-Modell-Bug führen kann. Folglich ist deine Seite derzeit an den IE angepasst, aber nicht an richtiges CSS wie es alle anderen Browser verwenden.

 

[Efchen]

...was wiederum heißt, dass Du einen Doctype verwenden musst, der alle Browser in den Standards Mode versetzt, damit alle CSS gemäß den Richtlinien interpretieren. Im Quirks Mode stellt jeder Browser CSS so dar, wie er das für richtig hält, und das ist beim IE die größte Katastrophe.
LANtastic’s Artikel » DTD - Document Type Declaration - Das richtige Doctype

Gruß,
-Efchen