zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Inhaltcontainer mit Boxen die floaten sollen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.07.2007, 14:52
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard Inhaltcontainer mit Boxen die floaten sollen

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!

Geändert von paracelsus (16.07.2007 um 16:54 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.07.2007, 15:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Die Antwort findest du in den FAQ unter Punkt 2.

BTW: Damit CSS einen Sinn bekommt, braucht man auch das zugehörige HTML.
Lies bitte: http://xhtmlforum.de/40080-fuer-frag...twortende.html
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.07.2007, 16:12
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Lächeln Ich schäme misch

Also erstmal Danke für die fixe Antwort!
Und sorry, ich werde beim nächsten mal meinen Fragen mehr Sinn geben.
Der "Fehler" ist behoben (schliessendes div mit clear:both)
Herzlichen Dank
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Dingend Hilfe benötigt bei CSS Boxen für eine Wetterseite! Web4Live CSS 2 13.07.2011 17:01
Boxen mit unterschiedlicher Höhe floaten just4download CSS 7 19.09.2010 21:45
Mitwachsende Container: 4 Boxen Cu Chullain CSS 1 08.09.2010 19:57
dynamische boxen richtig floaten ;-) koalachimp CSS 5 21.05.2009 08:26
9 Boxen mit Bild & Text floaten? DeltaLeo CSS 13 15.01.2008 09:51


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:13 Uhr.