Ergebnis 1 bis 4 von 4

Thema: [CSS] Falsche Darstellung im IE bei nebeneinanderliegenden DIVs

  1. #1
    Kaiser(in)
    Registriert seit
    09.12.2005
    Alter
    29
    Beiträge
    2.496
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard [CSS] Falsche Darstellung im IE bei nebeneinanderliegenden DIVs

    Hi,

    ich bin dann noch noch einmal dazu gekommen, wieder eine Homepage zu bauen. Nun habe ich jedoch ein kleines (bis großes) Problem.
    Ursprünglich wollte ich darauf verzichten, eine komplette Browserweiche einzubauen und im Prinzip 2 css dateien zu schreiben, daher nun meine Frage wie ich folgendes lösen kann:

    Ich habe meine Homepage nun komplett mit Divs aufgebaut, es funktioniert auch (fast) alles wunderbar im IE, FF und Safari.

    Jedoch habe ich ein Problem mit der Darstellung von zwei Divs innerhalb eines Divs

    Folgendes Grundgerüst liegt vor (verkürzt)


    HTML-Code:
    <div id="div_content_main">
     
                <div id="div_content_news">
                  <div class="box_top">
                  >news
                  </div>
                  <div class="content">
                    <div id="div_news_headlines">
                    >>Überschriften
                    </div>
                    <div id="div_news_active">
                    Hier steht die neuste nachricht.
                    </div>
                      <!-- Newstexte -->
                        <div id="news_1" class="news_text">
                        Das ist der Text von News Nummer 1, JUNGE
                        </div>
                        <div id="news_2" class="news_text">
                        Blablabla, Nummero zwo. LEGEN - wait for it - DARY
                        </div>
                        <div id="news_3" class="news_text">
                        3 sind 2 zu viel aber drölf zu wenig
                        </div>
                        <div id="news_4" class="news_text">
                        Dit is der Text von News nummer 4
                        </div>
                        <div id="news_5" class="news_text">
                        Und endlich der letzte dreck, von der nummer fünnef
                        </div>
                  </div>
                </div>
     
                <div id="div_content_rechts">
                  <div id="div_content_pics">
                    <div class="box_top">
                    >pics
                    </div>
                    <div class="content">
                    (pics)
                    </div>
                  </div>
     
                  <div id="div_content_login">
                    <div class="box_top">
                    >login
                    </div>
                    <div class="content">
                    Hier is login
                    </div>
                  </div>   
                </div>
    Innerhalb meines #div_content_news habe ich 2 weitere div, die nebeneinander gestellt werden sollen

    #div_news_headlines und #div_news_active

    HTML-Code:
    #div_content_news {
          height:250px;
          width:584px;
          float:left;
          margin-right:10px;
          margin-bottom:10px;
          background-color:#CACACA;
          }
     
            #div_news_headlines {
            height:250px;
            width:250px;
            display:inline;
            float:left;
            padding:1px;
            padding-left:2px;
            }
     
            #div_news_active {
            height:250px;
            width:334px;        
            display:inline;
            padding:1px;
            padding-left:2px;
            }
    der IE stellt diese jedoch untereinander. (vergleiche Anhang)

    Habe auchschon mit floats & clears rumprobiert, aber dann zerlegt es mir immer mein komplettes design, auch im ff...

    Hat jemand einen gute idee? Danke schonmal

    mfg
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken
    Geändert von BendOr (26.02.2011 um 22:45 Uhr)
    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

  2. #2
    Fortgeschrittene/r Avatar von unknownsoldier
    Registriert seit
    16.06.2010
    Ort
    "Dreamland"
    Alter
    26
    Beiträge
    174
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: [CSS] Falsche Darstellung im IE bei nebeneinanderliegenden DIVs

    Habs jetzt nur kurz angeschaut, aber ich denke das das Problem bei der "padding"-Eigenschaft liegt, da der IE6 bei floats gerne mal den margin und padding verdoppelt.
    Ein "display:inline" sollte hier abhilfe schaffen. -> nimm dazu einfach den "star-html"-hack
    also :
    * html #div_id {display:inline}

  3. #3
    Kaiser(in)
    Themenstarter

    Registriert seit
    09.12.2005
    Alter
    29
    Beiträge
    2.496
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: [CSS] Falsche Darstellung im IE bei nebeneinanderliegenden DIVs

    Hi,

    zum einen hab ich display:inline ja bereits drin

    und ich habe das ganze mit dem IE8 getestet, ich benutze auch für alle weiteren DIVs im margin und padding, dort ist alles korrekt...


    EDIT: ok habs hinbekommen, es lag anscheinend tatsächlich den den margins und padding, habe nun einfach das 2.div etwas kleiner gemacht

    (scheiss IE)

    mfg
    Geändert von BendOr (27.02.2011 um 16:28 Uhr)
    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

  4. #4
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: [CSS] Falsche Darstellung im IE bei nebeneinanderliegenden DIVs

    Und nur zur Info für alle dies noch net wissen sollten:
    Man brauchst für ne browserweiche zwar nen eigenes Stylesheet, aber noch lange kein komplettes, sondern nur die Abweichungen.
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Falsche Darstellung
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 24.08.2008, 03:30
  2. Falsche Darstellung der DIVs bei IE
    Von LingLing im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 23.05.2007, 22:46
  3. falsche Darstellung im IE 7
    Von Flasher im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.12.2006, 13:17
  4. Falsche Darstellung in IE
    Von fantik im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.06.2006, 09:46
  5. Falsche Darstellung in Mozilla
    Von epfan im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 18.06.2006, 13:52

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •