Hallo Forum!
Ich bin an sich kein Newbie mehr, versuche aber doch zum ersten mal ein komplettes Layout aus css zu formatieren.
Tja, da gibts ein Problem...
Ich habe einen Container:
#inhalt {position:relative; top: 0px; width: 750px;}
und im container sollen 2 Spalten sein
das hab ich so probiert:
#inhalt .spalte{ float: left; background: gray; border: 1px solid black; width: auto;}
wobei natürlich die hintergrunfarbe und der Rahmen im moment nur zum Veranschauliche da ist.
Das Ergebniss läuft prima im Ms Explorer (selten genug der Fall!) aber im Firefox hats nun das Problem das der Seitencontainer nicht "mitwächst" also die beiden aufgerufenen Spalten unten länger als der Hintergrund ist????
Ich bin so frei den ganzen Code hie rein zu werfen:
Code:
/* Universal */
*{ border: none; margin: 0px; padding: 0px; }
*{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
/* Seiten Aufbau */
/* Höhe 100,01% zum erzwingen der Scroll-leiste um Springen der Seite zu vermeiden */
html{ height: 100.01%; }
body{ background-color: #D4DEA1; background-image: url(backverl.jpg); background-repeat: repeat-x; height: 100.01%; margin: 0px; padding: 0px; text-align: center; }
/* Allgemeine Formate */
h1, h2, h3{ font-family: Arial, Helvetica, sans-serif; }
h1{ color: #17065D; font-size: 1.5em; font-weight: normal; line-height: 1em; }
h2{ color: #5E6300; font-size: 1.2em; font-weight: normal; line-height: 1em; }
h3{ color: #000000; font-size: 1em; font-weight: bold; line-height: 1em; }
/* Haupt Navigation */
#hauptnavigation{ background-color: #026105; height: 1.2em; margin-bottom: 15px; width: 750px; z-index: 100; }
#hauptnavigation dl { float: left; }
#hauptnavigation dl, dt, dd, ul, li { list-style-type: none; }
#hauptnavigation dt a{ background-color: #026105; border-right: 1px solid White; color: white; cursor: pointer; font-size: 1em; padding: 0px 8px 0px 8px; text-align: center; text-decoration: none; }
#hauptnavigation dt a:hover{ background-color: Orange; text-decoration: none; }
/* Seitencontainer */
#seite{ background-color: White; border-color: Gray; border-style: solid; border-width: 1px; height: auto; margin: 15px auto; padding: 15px; text-align: left; width: 750px; }
#logo{ background-image: url(head.jpg); height: 100px; width: 750px; }
#bild{ background-image: url(beispiel.jpg); height: 180px; margin-bottom: 15px; width: 750px; }
#inhalt { position: relative; top: 0px; width: 750px;}
#inhalt .spalte{ float: left; background: gray; border: 1px solid black; width: auto; }
Bitte was übershen ich da? Anbei ein Scrennshot!
Ich bitte um Hilfe!