Css und Internet Explorer bwz Javascript zur Anpassung von Div höhe

Diskutiere Css und Internet Explorer bwz Javascript zur Anpassung von Div höhe im Webmaster Hilfe / Programmierer Forum Forum im Bereich Computerprobleme; Hi Der Internet Explorer macht bei einen Float:left Probleme mit fixer Div größe.Im Firefox gehts ganz normal.Aber sobald man beim Internet...

  1. #1 splasch, 15.09.2007
    splasch

    splasch Erfahrener Benutzer

    Dabei seit:
    29.01.2007
    Beiträge:
    901
    Zustimmungen:
    0
    Hi
    Der Internet Explorer macht bei einen Float:left Probleme mit fixer Div größe.Im Firefox gehts ganz normal.Aber sobald man beim Internet Explorer das Fenster kleiner macht springt die rechte Div box einfach ein stück nach Unten. (Macht er nur bei Internet Explorer)

    Jemand eine Ahnung wie man das Verhindern kann.

    Desweitern suche ich noch ein fertiges Javascript das die höhe 2 Div gleich anpasst da es im Css nicht wirklich Möglich ist.

    Das Aktuelle css sieht momentan so aus habs nun auch ein wenig abgeändert.

    Code:
    *{
    padding:0;
    margin:0;
    border: 0;
    }
    html,body{
    font-size:95%;
    padding:0;
    margin:0;
    height:100%;
    }
    body{
    font-family:Arial,Verdana,Helvetica,sans-serif;
    }
    a:link {color: #000000;text-decoration:none;font-weight:bold; border: 0 none;}
    a:visited {color: #000000;text-decoration:none; font-weight:bold; border: 0 none;}
    a:hover {color: blue;text-decoration:none;font-weight:bold; border: 0 none;}
    a:active {text-decoration:none; font-weight:bold; border: 0 none;}
    
    #Gesamt{
    position:relative;
    width: 100%;
    height:auto;
    min-height:100%;
    min-width: 90px;
    border:0px solid red;
    /* margin:0 auto;  */
    }
    html>body #Header{  
    position: fixed;  /*   nur fuer moderne Browser! */
    }
    html>body #Menu_header{  
    position: fixed;  /*   nur fuer moderne Browser! */
    }
    html>body #B_header{  
    position: fixed;  /*   nur fuer moderne Browser! */
    }
    html>body #Warenkorb{  
    position: fixed;  /*   nur fuer moderne Browser! */
    }
    #Header{
    position:absolute; 
    background:transparent url(../images/Background/Header.gif) no-repeat;
    width: 100%;
    height:130px;
    min-height:130px;
    Border:0px solid #000000;
    z-index:60;
    }
    #B_header{
    position:absolute;
    background-color:#294d99;
    top:0;
    width: 100%;
    height:130px;
    min-height:130px;
    Border:0px solid #000000;
    z-index:10;
    }
    #Header p{
    position:absolute;
    top:2px;
    left:15px;
    font-size:20px;
    color:#FFF;
    font-weight: bold;
    padding:2px;
    }
    #Header h2{
    position:absolute;
    Top:77px;
    left:320px;
    width:450px;
    font-size:120%;
    font-weight: bold;
    color:#FFF;
    }
    #Header h3{
    position:absolute;
    Top:5px;
    left:715px;
    width:200px;
    font-size:120%;
    font-weight: bold;
    color:#FFF;
    border:0px solid #000;
    }
    #Warenkorb{
    position:absolute;
    top:33px;
    width:262px;
    height:99px;
    min-height:99px;
    background-color:#f8b800;
    border:0px solid #000;
    z-index:55;
    }
    #Warenkorb p{
    top:16px;
    font-size:15px;
    color:#000;
    padding:15px;
    font-weight:normal;
    border:0px solid #000;
    }
    #Warenkorb a{
    float:right;
    font-size:15px;
    margin-top:20px; 
    margin-right:15px; 
    margin-bottom: 0px;
    border:0px solid #000;
    }
    #Logo{
    position:absolute;
    top:0px;
    left:305px;
    border:0px solid #000;
    z-index:30;
    }
    #Menu_header{
    position:absolute;
    top:102px;
    left:280px;
    border:0px solid #000;
    z-index:60;
    }
    #Menu_header ul li{
    display:inline;  /* inline horenzental ausrichten Li Tag */
    list-style: none;
    font-size:15px;
    color: #f8b800;
    font-weight: bold;
    padding:8px;
    }
    #Menu_header table {
    width:635px;
    min-width:618px;
    border:0px solid #000;
    }
    #Menu_header td{
    font-size:15px;
    color:#f8b800;
    font-weight: bold;
    padding:2px;
    }
    .small{
    font-size:14px;  /*input feld vom menu oben */
    }
    #Box
    {
    position:relative;
    overflow:visible;
    top:130px;
    height:100%;
    Background-color:#f8b800;
    border:0px solid blue;
    }
    #Menu{
    position:relative;
    float:left;
    /*top:130px;*/
    width:262px;
    height:100%;
    min-height:100%;
    Background-color:#f8b800;
    border:0px solid #000000;
    z-index:50;
    }
    #Menu td{
    padding-left:5px;
    }
    #Menu a{
    font-size:14px;
    color:#000;
    }
    #Haupt{
    position:relative;
    
    margin-left:262px;
    background-color:#adc3cf;
    height:100%;
    min-height:685px;
    width:71.8%;
    padding:10px;
    border:0px solid #000000;
    }
    #Haupt table{
    margin:0 auto;
    }
    /* Home.php Aktionen */
    .Alt_Preis {font-size: 19px;}
    .Neu_Preis {font-size: 25px;color: #FF0000;}
    
    .Titel_h1 {
    font-size: 22px;
    color: #000000;
    font-weight: bolder;
    }
    .Titel_h3 {
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    }
    .Titel_h4 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    }
    .Taste {background-color: #F7AC48;}
    .input {font-size: 14px;}
    .weiss {color: #FFF;}
    
    Die Div Gruppe
    Code:
    <body bgcolor="#adc3cf">
    <div id="Gesamt">
    
    <div id="B_header"></div>
    <div id="Header">
    
    <div id="Logo">[img]images/Background/Logo.gif[/img]</div>
    <h2>IHR PARTNER FÜR MEHR SERVICE &amp; SICHERHEIT</h2>
    <h3>Arbeitsschutz und 
    Gefahrenstofflagerung</h3>
    
    
    Warenkorb</p>
    </div>
    
    <div id="Warenkorb">
    		
    
    Warenkorb ist Leer</p>
    		<a>Anzeigen</a>
    	</div>
    
    
    
    <div id="Menu_header">
    <form action="index.php?pos=<?=$pos;?>&amp;xPos=4&amp;<?php echo strip_tags(SID)?>" method="post">
    <table cellpadding="0" cellspacing="0" border="0">
    	<tr>
    		<td>Suche</td>	
    		<td>
    			<INPUT type="text" size=20 name="begriff" value="" class="small" style="width:90px;" />
    			<input type="image" src="Back/lupe.gif" style="width:16px; height:16px; position:relative; top:3px;" alt="Suche" name="Suche" />
    		</td><td>
    	<ul>
    		[*]Home
    		[*]Newsletter
    		[*]Aktionen
    		[*]Kontakt
    		[*]Impressum
    		[*]Agb
    	[/list]
    		</td>
    	</tr>
    </table>
    </form>
    </div>
    
    <div id="Box">
      <div id="Menu"></div>
      <div id="Haupt"></div>	
    </div>
    
    </div>
    </body>
    </html>
    
    Mfg Splasch
     
  2. Anzeige

    schau dir mal diesen Ratgeber an. Dort findet man viele Hilfestellungen.
    Registrieren bzw. einloggen, um diese und auch andere Anzeigen zu deaktivieren.
  3. #2 splasch, 15.09.2007
    splasch

    splasch Erfahrener Benutzer

    Dabei seit:
    29.01.2007
    Beiträge:
    901
    Zustimmungen:
    0
    Erledig!!

    Danke Leute ich hab den Fehler breits gefunden es lag am Box div was ein Übergeordnedes Element des main div und Haupt div ist

    Mfg Splasch

    Close....
     
Thema: Css und Internet Explorer bwz Javascript zur Anpassung von Div höhe
Besucher kamen mit folgenden Suchen
  1. css und javascript anpassungen auf für internet exlorer

    ,
  2. anpassungen an internet explorer

Die Seite wird geladen...

Css und Internet Explorer bwz Javascript zur Anpassung von Div höhe - Ähnliche Themen

  1. Privatsphäre im Internet?

    Privatsphäre im Internet?: Hallo Zusammen, ich bin seit einer Woche ausgezogen und möchte sämtliche Vertragskosten (Strom, Gas, Wasser,...) alles auf einem Minimum halten...
  2. Plötzlich langsames Internet ohne Zutun

    Plötzlich langsames Internet ohne Zutun: Moin moin, vor Kurzem hatte ich ein Problem mit meinem PC und dem Netzwerk. Da mein Computer keine Verbindungen aufbauen konnte bzw. keine Daten...
  3. Tägliche Internet Abbrüche (Brauche Hilfe)

    Tägliche Internet Abbrüche (Brauche Hilfe): Hallo an alle die dies lesen werden, 4 Monate lang habe ich jetzt schon Internet Abbrüche. Mehrmals angerufen bei o2, ungefähr 10x (45-60 Minuten...
  4. Internet-Probelem

    Internet-Probelem: Moin Leute, ich weiß absolut nocht mehr weiter und frage deswegen mal hier in der Community nach. Vielleicht kann mir ja jemand helfen :) Aber...
  5. Satelliten Internet

    Satelliten Internet: Kann mir bitte jemadn erklären wie es funktioniert? Ist es überhaupt möglich?