Ergebnis 1 bis 7 von 7

Thema: Div und min-height im FF

  1. #1
    Großmeister(in)
    Registriert seit
    29.04.2007
    Ort
    Minden
    Beiträge
    584
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div und min-height im FF

    Morgen allerseits,
    bastle gerade wieder ein wenig und stoße an meine CSS-Grenzen.
    Ich habe einen Div, der die ganze Seite umfasst, darin befinden sich dann

    -ein header
    -darunter eine horizontale Navi
    -links ein Container
    -rechts ein Container

    Nun möchte ich, dass wenn der rechte container, zb durch längeren text oder größere Höhe, höher wird, auch der umfassende Container größer wird.

    Im ie klappt das auch ganz gut, bei ff jedoch nicht

    code:

    Code:
    <div id="border">
    	<div id="header">
             </div>
             <div id="navi">
             </div>
             <div id="boxlinks">
             </div>
             <div id="boxrechts">
             </div>
    </div>
    Durch google bin ich auf einen Trick aufmerksam geworden, min height auch im iex anzuwenden:

    CSS:
    Code:
    #border&#123;width&#58; 900px;
    min-height&#58;700px;
    height&#58;auto !important;
    height&#58;700px;
    border&#58; 1px solid #000000;
    margin&#58; 0 auto;
    &#125;
    #header &#123;width&#58;888px;
    height&#58;150px;
    border&#58; 1px solid #000000;
    margin&#58; 5px;&#125;
    #navi &#123;height&#58; 30px;
    width&#58; 888px;
    border&#58; 1px solid #000000;
    margin&#58; 5px;&#125;
    #boxlinks &#123;width&#58;200px;
    margin-left&#58; 5px;
    border&#58; 1px solid #000000;
    float&#58;left;
    height&#58;200px;&#125;
    #boxrechts &#123;width&#58; 681px;
    height&#58; 200px;
    margin&#58; 5px;
    border&#58; 1px solid #000000;
    float&#58; right;&#125;
    Nochmal das Problem: Im FF geht boxrechts über 'border' hinaus, wenn die höhe zu groß wird, im IE bleibt sie drin, border wird höher!

    LG
    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

  2. #2
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    nur mal so als frage, wieso setzt du height von #boxrechts nicht auf 100% ? Eigentlich willst du ja eine relative Höhe haben. Firefox nimmt die Sache mit ner festen Höhe nämlich ernst und interpretiert nicht so falsch wie der IE (auch wenn er dadurch das macht , was du gerne wünscht )
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wer floatet muss auch clearen!
    Füg mal noch das vor den schließenden div vom border:
    Code:
    <br style="clear&#58;both;">
    Allerdings macht es in der Tat keinen Sinn, wenn du den Boxen eine feste Höhe gibst und sie dann bei "überschüssigem" Inhalt mitwachsen sollen. Das widerspricht sich.

  4. #4
    Großmeister(in)
    Themenstarter

    Registriert seit
    29.04.2007
    Ort
    Minden
    Beiträge
    584
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke euch beiden schonmal,
    also den clear zu vergessen, ok, aber wie ich darauf gekommen bin, die höhe in px anzugeben? Ich glaube es diente zur simulation^^

    So, geändert, man schaue hier:

    http://www.porta-racing.de/

    also im FF sehen die abstände ja ganz ok aus, aber im IE?

    Habe immer nur 5px angebeben:

    Code:
    #header &#123;width&#58;888px;
    height&#58;150px;
    border&#58; 1px solid #000000;
    margin-top&#58; 5px;
    margin-left&#58; 5px;&#125;
    #navi &#123;height&#58; 25px;
    width&#58; 888px;
    border&#58; 1px solid #000000;
    margin-top&#58; 5px;
    margin-left&#58; 5px;&#125;
    #boxlinks &#123;width&#58;200px;
    margin-left&#58; 5px;
    margin-top&#58; 5px;
    border&#58; 1px solid #000000;
    float&#58;left;
    height&#58;100%;
    margin-bottom&#58; 5px;&#125;
    #boxrechts &#123;width&#58; 681px;
    height&#58; 100%;
    margin-right&#58; 5px;
    margin-top&#58; 5px;
    margin-bottom&#58; 5px;
    border&#58; 1px solid #000000;
    float&#58; right;&#125;

  5. #5
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich verstehe nicht ganz was du meinst, bei meinem IE 7 und FF zeigt er doch alle Abstände wie gewünscht an?

    Oder meinst du den Unterschied der Boxhöhen , dass der IE automatisch mindestens die Höhe der schrift als Height verwendet , egal ob du es auf 0 stellst oder nicht?
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Sieht nach einem IE-Bug aus, der beim floaten einige Pixel anders berechnet.
    http://www.perun.net/2004/07/09/3-pixel-abstand/

    Da mir keine "saubere" Lösung einfällt, rate ich zu kond. Comments für den IE<7.

    Probier also die Angaben aus, wie sie beim IE<7 dann passen und schreibe die Abweichungen z.B. so:

    Code:
    *html #sponsor
    &#123;margin-left&#58;3px;&#125;
    
    *html #inhalt
    &#123;margin-right&#58;3px; width&#58;679px;&#125;

  7. #7
    Großmeister(in)
    Themenstarter

    Registriert seit
    29.04.2007
    Ort
    Minden
    Beiträge
    584
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    wieder mal ein triumof über IEX

    Danke

Ähnliche Themen

  1. height:xx% ???
    Von FaFoo im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 17.01.2008, 18:01
  2. Height Problem im IE
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.12.2006, 22:12
  3. min-height
    Von ad3nau im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 19.07.2006, 12:44
  4. css box height:100%;
    Von manuelmaisch im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 15.07.2006, 23:21
  5. table height 100%
    Von sarah im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 13.07.2004, 22:19

Stichworte

Berechtigungen

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