Autor |
Nachricht |
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 26.12.2008 13:15
Titel
|
|
|
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
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Fr 26.12.2008 13:16
Titel Re: IE und das Box Modell... |
|
|
Penny: Zeig uns was, ganzer Code, Seite, irgendwas
Zuletzt bearbeitet von m am Fr 26.12.2008 14:43, insgesamt 3-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 26.12.2008 13:26
Titel
|
|
|
Hey,
kein Problem:
Index Test
Der obere Bereich mit dem Image und den Schaltflächen sind in einer Tabelle.
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Fr 26.12.2008 13:43
Titel Re: IE und das Box Modell... |
|
|
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
Zuletzt bearbeitet von m am Fr 26.12.2008 14:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 26.12.2008 13:51
Titel
|
|
|
@nico: Im Endeffekt ist es mir egal, wie der Code aussieht - solang ich damit meine Ziele erreiche 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)?
|
|
|
|
|
nicoG
Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht:
|
Verfasst Fr 26.12.2008 14:20
Titel
|
|
|
Penny171079 hat geschrieben: | @nico: Im Endeffekt ist es mir egal, wie der Code aussieht - solang ich damit meine Ziele erreiche 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
|
|
|
|
|
Penny171079
Threadersteller
Dabei seit: 30.11.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 26.12.2008 14:33
Titel
|
|
|
Vielen Dank für den Tipp. Werd ich mir gleich mal ansehen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE Darstellungsfehler
Darstellungsfehler im IE
Darstellungsfehler / IE
[Darstellungsfehler]
Darstellungsfehler Firefox
Photoshop Darstellungsfehler
|
|