mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 18:05 Benutzername: Passwort: Auto-Login

Thema: Float und Margin-Bottom Problem vom 16.10.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Float und Margin-Bottom Problem
Autor Nachricht
felixabraham
Threadersteller

Dabei seit: 28.02.2007
Ort: Leipzig, Halle (Saale)
Alter: 33
Geschlecht: Männlich
Verfasst Do 16.10.2008 13:07
Titel

Float und Margin-Bottom Problem

 Antworten mit Zitat Zum Seitenanfang
Hallo,
ich hab ein Problem mit einem kleinen Codeschnipsel welcher mir schon seit längerem Sorgen bereitet. Hier das CSS:

Code:
.container1{position:relative;font-family:Arial, Helvetica, sans-serif;}
.innerdiv1{float:left;width:14px;color:#009EE0;font-size:12px;font-weight:bold;display:block;clear:left;}
.innerdiv{float:left;width:193px;color:#009EE0;font-size:12px;font-weight:bold;padding-left:3px;display:block;}


und hier das dazugehörige html:

Code:
<div class="container1" style="width:210px;">
  <div class="innerdiv1">>></div>
  <div class="innerdiv">Some more content asd asd adasdasd adqeq wasd aas aas</div>
  <div class="innerdiv1">>></div>
  <div class="innerdiv">Something different</div>
  <div class="innerdiv1">>></div>
  <div class="innerdiv">Something different</div>
  <div class="innerdiv1">>></div>
  <div class="innerdiv">Some more content asd asd adasdasd adqeq wasd aas aas</div>
</div>

<div style="width:210px;height:100px;background-color:#000000;margin-top:15px;clear:both;"></div>


Im IE7 ist alles soweit schön und gut, dass margin-top des nach dem gefloateten <div> kommt wird nicht ignoriert sondern korrekt dargestellt. Firefox, Safari und Opera wollen dieses margin-top allerdings nicht interpretieren Menno!. Hat einer eine Idee die da Abhilfe schaffen könnte?

grüße
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Do 16.10.2008 13:35
Titel

Antworten mit Zitat Zum Seitenanfang
Moin Lächel
richtig Clearen
Möglickeiten zu Clearen

Kurz: Pack das clear:both; unten raus und gib dem .container1 ein overflow:auto; * huduwudu! *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
felixabraham
Threadersteller

Dabei seit: 28.02.2007
Ort: Leipzig, Halle (Saale)
Alter: 33
Geschlecht: Männlich
Verfasst Do 16.10.2008 14:04
Titel

Antworten mit Zitat Zum Seitenanfang
puh, tausend dank für die links, die sind gold wert Grins
jetzt klappts auch
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [CSS+Opera] Float und Margin-bottom
[CSS] H1, display inline und margin bottom
IE7, verschachtelte DIV mit Float, ein verschwundener Margin
CSS: border-bottom beim a-tag: Problem mit IE7
CSS-Problem mit border-bottom - will es nicht bei Bildern
CSS Problem mit Margin nd top
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB