mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 10.12.2016 04:20 Benutzername: Passwort: Auto-Login

Thema: [CSS] Footer wird nicht an die richtige Stelle gesetzt vom 29.03.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Footer wird nicht an die richtige Stelle gesetzt
Autor Nachricht
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Di 29.03.2005 10:20
Titel

[CSS] Footer wird nicht an die richtige Stelle gesetzt

Antworten mit Zitat Zum Seitenanfang

Hi Leuts.

Ich bastel hier gerade an meiner ersten kompletten CSS-Seite und hab ein Problem.
Ich habe ein Header, dann 2 Container die nebeneinander liegen und dann ein Footer. Hat alles geklappt, bis ich den Footer rein habe. Der setzt sich zwischen die 2 Container. Kann mir da jemand helfen?

Hier der Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
<!--
body
{
 font-family:Verdana;
 font-size:12px;
 background-color:#ffffff;
 text-align:center;
 margin:0px;
}

code {font-size:14px;color:#0000ff;}

#title {
   height:89px;
   background-color: #009900;
}

#left {
   background-color:#cccccc;
   width:172px;
   float:left;
}

.bildcontainer {
   width:172px;
   background-image: url(Bilder/dubai_hotel_25.gif);
   height: 319px;
}

#content {
background-color:#999999;
width:750px;
float:right;
padding:10px 10px;
}

#footer {
   height:89px;
   background-color: #FF0000;
}

//--> </style>
<title>Willkommen</title>
</head>
<body>
<div style="width:1000px;margin:0px auto;text-align:left;background-color:#ffffff;border:1px solid #cccccc;">

 <div id="title">
 HEADER </div>

 <div id="left">
 LINKS
 </div>

 <div id="content">
   Content
 </div>

<div id="footer">
  FOOTER
</div>

</div>
</body>
</html>




Und hier die Seite online:

http://www.yellow-elephant.com/mgf/test4you3.htm
  View user's profile Private Nachricht senden
saucer

Dabei seit: 19.05.2002
Ort: München
Alter: 36
Geschlecht: Männlich
Verfasst Di 29.03.2005 11:37
Titel

Antworten mit Zitat Zum Seitenanfang

als vorlage:
-veraltet-


Zuletzt bearbeitet von saucer am Fr 16.02.2007 23:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 33
Geschlecht: Weiblich
Verfasst Di 29.03.2005 12:05
Titel

Antworten mit Zitat Zum Seitenanfang

Wieso gibst du dem umschließenden DIV-Container eine fixe Breite von 1000px und dem Header und Footer gar keinen Wert? Sobald du bei footer auch eine feste Breite und float:left einträgst, rutscht er an die richtige Stelle.
  View user's profile Private Nachricht senden
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Di 29.03.2005 12:10
Titel

Antworten mit Zitat Zum Seitenanfang

mcbethy hat geschrieben:
Wieso gibst du dem umschließenden DIV-Container eine fixe Breite von 1000px und dem Header und Footer gar keinen Wert? Sobald du bei footer auch eine feste Breite und float:left einträgst, rutscht er an die richtige Stelle.



Hm, bei mir rutscht dann der Contentbereich unter den Footer.
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 33
Geschlecht: Weiblich
Verfasst Di 29.03.2005 12:25
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
#footer {
   float:left;
   height:89px;
   width:1000px;
   background-color: #FF0000;

Wenn du das da stehen hast, rutscht der Content unter den Footer?
Im Firefox und IE ist es dann an der richtigen Position.
An deiner Stelle würde ich den Aufbau allerdings ganz anders machen.
http://www.thestyleworks.de/examples/layout1/layout112.html
Hier wird das eigentlich ganz gut erklärt.
  View user's profile Private Nachricht senden
shakadi
Griller Killer

Dabei seit: 21.12.2003
Ort: SHA
Alter: 36
Geschlecht: Männlich
Verfasst Di 29.03.2005 12:28
Titel

Antworten mit Zitat Zum Seitenanfang

Oder als Anregung das hier:

Zitat:

....

<style type="text/css">
<!--
body{}

.box1{
background:#cde0eb;
padding:10px;
margin:0 10px 0 10px;}

.box2{
padding:10px 10px 10px 30px;
width:35%;
float:left;}

.box3{
padding:10px 30px 10px 10px;
margin:0 0 0 45%;}

.box4{
background:#cde0eb;
clear:left;
padding:10px;
margin:0 10px 0 10px;}
-->
</style>
</head>
<body>

<div class="box1">blub</div>

<div class="box2">blieb</div>

<div class="box3">blab</div>

<div class="box4">blöb</div>

</body>
</html>
  View user's profile Private Nachricht senden
 
Ähnliche Themen [css] - Footer Problem
css: footer ganz unten? wie?
css footer soll nun ganz unten sein
css: abstand unter dem footer hinzufügen?
CSS - Footer immer am Ende
CSS Problem - Div Navi bis zum Footer
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.