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

Dieses Thema im Forum "Webmaster Hilfe / Programmierer Forum" wurde erstellt von splasch, 15.09.2007.

  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. AdMan

    schau mal hier: Windows-Wartungs-Tool. Viele Probleme lassen sich damit einfach beheben. Oftmals ist der PC dann auch schneller!
    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. anpassungen an internet explorer

Die Seite wird geladen...

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

  1. Explorer Absturtz bei Netzwerk Zugriff

    Explorer Absturtz bei Netzwerk Zugriff: Hey Leute, Wenn ich mit meinem Rechner (Adminkonto) versuche auf meinen Zweitrechner (über Computer -> Netzwerk oder Eingabe der IP in...
  2. seriös Geld im Internet verdienen

    seriös Geld im Internet verdienen: Hallo, ich bin Student und auf der Suche nach einer neuen Einnahmequelle. Am liebsten würde ich natürlich so wenig Arbeit wie möglich haben...
  3. Office/Internet PC bis ca. 400€ ok?

    Office/Internet PC bis ca. 400€ ok?: Hey Ihr lieben Modernboardler, ist die Zusammenstellung in Ordnung? Win7 ist vorhanden. Bestellt wird bei mindfactory: 250GB Samsung 750 Evo...
  4. Internet/Netzwerkverbindung bricht zeitweise ab

    Internet/Netzwerkverbindung bricht zeitweise ab: Servus, seit ein paar Tagen treten bei unseren Rechnern sporadisch kurze Verbindungsabbrüche auf, sprich das Internet fällt aus. Dies tritt in...
  5. Nach 7490 Einrichtung als Repeater kaum Internet

    Nach 7490 Einrichtung als Repeater kaum Internet: Hallo zusammen, heute habe ich eine Fritzbox 7490 als Repeater an eine 7360 konfiguriert. Alles nach Anleitung für diesen Router. Prinzipiell...