Ergebnis 1 bis 5 von 5
  1. #1
    Avatar von antiheld2000
    antiheld2000 ist offline Lebende Foren-Legende
    registriert
    02-05-2001
    Beiträge
    1.525

    css höhenproblem...

    hi,

    ich habe ein, wie ich finde, merkwürdiges problem mit der höhe meines contents. das problem betrifft nur firefox und safari. ich habe einen seitenaufbau wie folgt:
    Code:
    <div id="content">
    	<div id="sidebar">
    		<div id="menu_vert">Menue Inhalt
    		</div>
    	</div>
    	<div id="main">
    		<h2>Headline</h2>
    		<p>Lorem ipsum dolor</p>
    	</div>
    </div>
    sidebar soll links floaten und dann der content kommen. nun möchte ich, dass die höhe des contents eine mindestgrösse hat und sich dann mitsterckt, je nach main bzw. sidebarhöhe. das wird mit folgendem code auch ganz gut erzielt, nur leider nur mit der div main. wenn der inhalt im sidebar höher ist, dann wird die mindesthöhe genommen und mehr nicht.
    Code:
    div#main {
    	margin:0 2% 0 29%;
    	padding:0 45px 0 0;
    	overflow:visible;
    	border:none;
    	height:auto;
    	background:#0000ff;
    }
    
    div#sidebar {
    	float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
    	width: 26%;     /* sidebar width, if you change this please also change #main margins */
    	display: inline;/*  /* FIX IE double margin bug */
    	margin: 0;
    	overflow:auto;
    	border:none;
    	background:#00ff00;
    }
    
    div#content {
    	padding:0;
    	margin:0;
    	min-height:344px;
    	height:auto !important;
    	height:344px;
    	border:1px dotted green;
    	background:#ff000;
    }
    hier seht ihr das problem in aktion. der rahmen soll logischerweise immer die höhe des höheren divs inside erhalten. was tun?!
    test1 test2

    bin echt am verzweifeln...
    Geändert von antiheld2000 (12-06-2008 um 22:15 Uhr) Grund: falsche url angegeben

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: css höhenproblem...

    Vielleicht bringt Dich das hier weiter, denn ehrlich gesagt,
    habe ich nicht ganz verstanden, was Du da geschrieben hast:
    No.1 :: CSS Template :: XTML 1.0 Transitional

  3. #3
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: css höhenproblem...

    Hm, es liegt an der Überschrift, die der FF (Safari kann ich nicht testen) hier anders als die IEs bewertet. Am schnellsten hast Du das Problem weg mit einer Formatierung für h2:
    PHP-Code:
    h2 {
    margin-top:0;



    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  4. #4
    Avatar von antiheld2000
    antiheld2000 ist offline Lebende Foren-Legende
    registriert
    02-05-2001
    Beiträge
    1.525

    AW: css höhenproblem...

    so, danke für die antworten. die einfache lösung:

    HTML-Code:
    <div id="content">
    	<div id="sidebar">
    		<div id="menu_vert">Menue Inhalt
    		</div>
    	</div>
    	<div id="main">
    		<h2>Headline</h2>
    		<p>Lorem ipsum dolor</p>
    	</div>
    <div style="clear:both;"></div>
    </div>

  5. #5
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: css höhenproblem...

    Zitat Zitat von antiheld2000 Beitrag anzeigen
    so, danke für die antworten. die einfache lösung:
    Hm, ohne das Clearen aber mit h2-Formatierung funktioniert Dein Plan, nur mit clear:both nicht. Du hast bei Deiner Test2-Seite beides im Angebot. Was den Code auf der Testseite anbelangt, kannst Du also getrost clear weglassen.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

Ähnliche Themen

  1. Problem mit appenden von CSS link zum DOM
    Von flobo79 im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 07-05-2007, 09:19
  2. css style einer bestimmten css datei ändern
    Von Wu-mc im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 15-09-2006, 11:22
  3. Antworten: 5
    Letzter Beitrag: 29-11-2005, 14:15
  4. Antworten: 37
    Letzter Beitrag: 02-08-2004, 20:53
  5. Serverseitiges css
    Von H34d im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 19-10-2003, 13:42

Lesezeichen

Berechtigungen

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