mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 01:54 Benutzername: Passwort: Auto-Login

Thema: Darstellungsfehler / CSS vom 26.12.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Darstellungsfehler / CSS
Autor Nachricht
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.12.2008 13:15
Titel

Antworten mit Zitat Zum Seitenanfang

Moin Moin,

ich schlage mich grad auch mit dem Problem rum. Meine divs sind im IE nicht da, wo sie laut CSS eigentlich sein sollten. Bin also auch sehr an einer Lösung interessiert *zwinker*
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.12.2008 13:16
Titel

Re: IE und das Box Modell...

Antworten mit Zitat Zum Seitenanfang

Penny: Zeig uns was, ganzer Code, Seite, irgendwas * Applaus, Applaus *

Zuletzt bearbeitet von m am Fr 26.12.2008 14:43, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.12.2008 13:26
Titel

Antworten mit Zitat Zum Seitenanfang

Hey,

kein Problem:

Index Test

Der obere Bereich mit dem Image und den Schaltflächen sind in einer Tabelle.
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.12.2008 13:43
Titel

Re: IE und das Box Modell...

Antworten mit Zitat Zum Seitenanfang

Entscheide dich: Semantischer Code oder komplett Tabellen. Aber nicht so ein Mix, nur weil vlt. jemand hier im Forum gesagt hat, dass du mit Divs arbeiten sollst.
Im Grunde ist es richtig, dass du das Grundgerüst nicht mit Tabellen aufbauen solltest, sondern das Markup semantisch aufbaust. In der Theorie!
In der Praxis brauchst du dafür viel Wissen und enorm viel Zeit dir da anzueignen und zu verstehen. Die Frage ist nun, ob du die Zeit, die Lust hast das zu machen: Wenn ja: bau komplett um
Wenn nein, auch nicht schlimm. Bei so einer Seite ist der Code imho sekundär. Ich nehme mal an du arbeitest mit Dreamweaver oder ähnlichem. Damit ist es leicht mit Tabellen und dem Vorschaumodus zu arbeiten. bleib doch einfach dabei, wenn du nicht all zu viel Nerven und Zeit damit verbringen willst *zwinker*


Zuletzt bearbeitet von m am Fr 26.12.2008 14:44, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.12.2008 13:51
Titel

Antworten mit Zitat Zum Seitenanfang

@nico: Im Endeffekt ist es mir egal, wie der Code aussieht - solang ich damit meine Ziele erreiche *zwinker* Wobei ich CSS etc. mittlerweile wesentlich eleganter und schlanker finde, als diese Tabellen. Es ist zwar nur ein Hobby für mich, aber ich lerne immer gern dazu. Die Frage ist nur weiterhin: Wie schaffe ich es, dass die divs im IE bündig mit den Images abschließen (wie sie es im firefox tun)?
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Fr 26.12.2008 14:20
Titel

Antworten mit Zitat Zum Seitenanfang

Penny171079 hat geschrieben:
@nico: Im Endeffekt ist es mir egal, wie der Code aussieht - solang ich damit meine Ziele erreiche *zwinker* Wobei ich CSS etc. mittlerweile wesentlich eleganter und schlanker finde, als diese Tabellen. Es ist zwar nur ein Hobby für mich, aber ich lerne immer gern dazu.

Dann solltest du aber auch oben auf Tabellen verzichten und sich mehr in das Thema reinarbeiten. Stichwort Semantik:
http://jendryschik.de/wsdev/einfuehrung/
http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/
http://www.vorsprungdurchwebstandards.de/theory/retro-coding/
http://www.yaml.de/
etc
Penny171079 hat geschrieben:
Die Frage ist nur weiterhin: Wie schaffe ich es, dass die divs im IE bündig mit den Images abschließen (wie sie es im firefox tun)?

Tuts im FF nicht, da ist der obere Teil zentriert, der untere Teil linksbündig. Grund: Du gibst dem Div eine absolute Positionierung. Somit wird er links an den Rand gehauen, da du ihm keinen Wert "left" mitgegeben hast.
Lösung ist schwer, weil dein HTML so wirr ist, dass man da wenig retten kann.

Lösungsansatz:
- Du baust um deine komplette Seite einen Div rum und gibst ihm diese Eigenschaften per CSS mit:
Code:
margin:0 auto; text-align:left


- Du entfernst die absoluten Positionierungen von den Divs und versucht es mal mit floaten:
Code:
<div class="roundedcornr_box_120281" style="width: 775px; float:left">
   <div class="roundedcornr_top_120281"><div></div></div>
      <div class="roundedcornr_content_120281">
        <p class="Stil8">Willkommen beim Reitverein Mannheim Käfertal e.V.</p>
         <p class="Stil3">Hier entsteht der neue Internetauftritt des Reitverein Mannheim-Käfertal e.V. </p>
         <p class="Stil3">Kontakt: <a href="mailto:info@reitverein-mannheim.de">info@reitverein-mannheim.de</a>  </p>
         <p class="Stil3">Update: Erste Bilder in der Galerie sind online </p>
      </div>
   <div class="roundedcornr_bottom_120281"><div></div></div>
</div>

   <div class="roundedcornr_box_598683" style="width: 250px; float:right;">


Zu dem Lösungsansatz noch ein paar Links:

http://nicogutmann.de/tuts/?p=13
http://www.andreas-kalt.de/webdesign/tutorials/float-theorie
  View user's profile Private Nachricht senden
Penny171079
Threadersteller

Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 26.12.2008 14:33
Titel

Antworten mit Zitat Zum Seitenanfang

Vielen Dank für den Tipp. Werd ich mir gleich mal ansehen. *Thumbs up!*
  View user's profile Private Nachricht senden
 
Ähnliche Themen IE Darstellungsfehler
Darstellungsfehler im IE
Darstellungsfehler / IE
[Darstellungsfehler]
Darstellungsfehler Firefox
Photoshop Darstellungsfehler
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.