zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit 2 Spalten-Layout

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.06.2013, 19:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.06.2013
Beiträge: 2
toschi befindet sich auf einem aufstrebenden Ast
Frage Problem mit 2 Spalten-Layout

Hallo Community,

meine Homepage ist wie folgt aufgebaut:
- Headnavigation
- Slideshow (Bilder)
- Contentbereich (2 Spaltig)
- Footer

Mein Problem liegt bei dem 2 Spaltigen Contentbereich. Wenn ich dort nun Text usw. einfüge dann geht der Footer nicht mit (Höhe/Abstand) sonder ruiniert das Layout. Hier mal ein Auszug aus meinem CSS:

Code:
#cont {
font-family : "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
background-color : #272525;
font-size : 11pt;
color : #282828;
width : 993px;
height : 100%;
margin : 0 auto;
border-left : 1px solid #323232;
border-right : 1px solid #323232;
}
#secL {
font-family : "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
background-color : #191b1b;
font-size : 11pt;
color : #fff;
width : 700px;
height : auto;
float : left;
margin-right : 13px;
}
#secR {
font-family : "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
background-color : #191b1b;
font-size : 11pt;
color : #fff;
width : 280px;
height : auto;
float : right;
}
#footer {
background-image : url(../img/naviC.png);
background-repeat : repeat-x;
font-family : "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
font-size : 11pt;
color : #fff;
height : 40px;
width : 995px;
margin : 0 auto;
}
#footer .tbl {
font-family : "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
font-size : 8pt;
color : #999999;
height : 40px;
padding-top : 5px;
padding-bottom : 5px;
margin : 0 auto;
}
Zur Erklärung:
#cont ist der Bereich, in dem sich die linke (#secL) und rechte (#secR) Spalte befindet.

Laut Validator ist das CSS fehlerfrei.
Ich hoffe Ihr könnt mir helfen bzw. einen Tip geben, wo oder was der Fehler ist.

Lieben Gruß

toschi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.06.2013, 20:53
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

geraten: nicht gecleart.

Link zur Seite? Nur css sagt wenig aus.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.06.2013, 21:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.06.2013
Beiträge: 2
toschi befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
geraten: nicht gecleart.

Link zur Seite? Nur css sagt wenig aus.
Link zur Seite : Disparate-Sound.com

Edit :

Ich habe nun zwischen Content-Bereich und Footer folgendes gemacht
<div id="clear"></div>
CSS
#clear { clear: both; height: 10px; }

Damit ist es behoben...nun klappt es! Besten Dank für den Hinweis!

Geändert von toschi (20.06.2013 um 22:26 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 20.06.2013, 22:24
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Der Footer muss aus dem #cont-Bereich raus. Dann wird es wohl funktionieren.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
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
Ein Layout Problem Snorfes CSS 2 10.06.2009 16:27
layout problem IE6 Opera omex CSS 0 15.08.2007 23:34
3 Spalten Layout, mal anders Sushimeister CSS 2 05.03.2007 12:15
problem mit ie5 / boxmodell beim 3 spalten layout musmus CSS 10 15.02.2007 16:15
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


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