zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden layout mit css - problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.12.2005, 15:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.12.2005
Beiträge: 1
xxlcss befindet sich auf einem aufstrebenden Ast
Standard layout mit css - problem

Hi,


arbeite mit ein CMS typo3 und versuche gerade ein neues Design via css zu erstellen.

Idee ist ein Zentriertes Design
Ein container der alles zentriert und in sich hält
Header 100% breit wie der container
3 spalten
footer 100% so breit wie des container

Problem:
Der footer verscheibt sich unterhalb der mittleren spalte, aber sollte der doch unter der rechten spalte bleiben, da diese viel höher ist (nach unten).

Und der Hintergrund "weiß" wird beim FireFox nicht mit nach unten gezogen, so dass nur bei IE die rechte spalte begleitet wird.

Kann mir jemand Helfen??? bitte?!
xxlcss


Hier mein Code:
body {
text-align:center;
background-color: #99CCFF;
font-size: 11px;
padding:0px;
margin:0px;
background-image: url(t.gif);
}

#container {
width:800px;
height: 100%;
border: solid;
Border-left-width: 5px;
border-color: #ffffff;
margin-top:20px;
margin-bottom: 20px;
margin-right:auto;
margin-left:auto;

padding:0px;
background-color: #ffffff;
text-align:left;
}

#left {
width:175px;
padding:0px;
float:left;
background:#F8F7EF;
}

#content {
width:430px;
padding:0px;
float:left;
background:#eee;
}

div#content {
min-height: 300px;
height:expression(this.scrollHeight > 300 ? "auto":"300px");
text-align:left;
}

#right {
width: 175px;
padding: 0px;
float: right;
background: #F8F7EF;
margin: 0px;
margin-right:auto;
margin-left:auto;
}

#header {
padding: 0px;
margin: 0px;
background-image: url(n.jpg);
height: 200px;
background-color:#ffffff;
}

p,h1,pre {
margin:0px 10px 10px 10px;
}

h1 {
font-size:14px;
padding-top:10px;
}

#header h1 {
font-size:14px;
padding:10px;
margin:0px;
}

#right p { font-size:10px}
}


#copyright {
bottom: 0px;
position: absolute;
height: 50px;
width: 100%;
background-color: rgb(255,255,243);
color: #666666;
text-align: center;
}




Und hier meine DIV aufstellung:

<html>

<head>
<title>Template</title>
</head>

<body>

###TEMPDOK###
<div id="container">


<div id="header">
banner
</div>

<div id="left">###MENU###</div>

<div id="content">###CONTENT_NORMAL### </div>

<div id="right">###CONTENT_RIGHT### </div>

<div id="copyright">


@Webmaster </p>
</div>###TEMPDOK###</div>

</body>

</html>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.12.2005, 03:25
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.08.2005
Beiträge: 122
Sentinel befindet sich auf einem aufstrebenden Ast
Standard

float:none;
clear:both;

im footer sollte helfen.

ps: für code sachen (egal ob css oder html) immer die code funktion nutzen.
__________________
Wie ich am schnellsten Hilfe bekomme...

1. Beschreibung des Problems
2. HTML Case mit eurem Code
3. CSS Case mit eurem Code
4. evtl. einen Screenshot oder einen Demo Link

Bsp: http://www.xhtmlforum.de/viewtopic.php?t=6613
Mit Zitat antworten
Sponsored Links
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
CSS layout problem donky CSS 5 05.06.2009 17:56
Problem mit CSS Layout jojoho CSS 9 20.07.2008 23:16
problem ausrichtung grafik und rand (css layout) celine@23 Barrierefreiheit 1 28.12.2005 14:05
css layout problem mit 3 zentrierten div´s horst CSS 5 19.08.2005 10:34
includes bei css layout dan CSS 2 10.03.2004 19:21


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