mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 14:25 Benutzername: Passwort: Auto-Login

Thema: CSS mit Layoutproblem vom 02.02.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS mit Layoutproblem
Autor Nachricht
TigerWoods2001
Threadersteller

Dabei seit: 13.10.2002
Ort: Düsseldorf
Alter: -
Geschlecht: -
Verfasst Do 02.02.2006 19:35
Titel

CSS mit Layoutproblem

Antworten mit Zitat Zum Seitenanfang

Hi,

grad arbeite ich mit 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 Salten
footer 100% so breit wie des container

Problem:
Der footer verschiebt 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.

Ich bin ratlos. Kann einer mir erklären wo das Problem liegt?
MfG
TW

Hier mein Code:

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>:::..UNDER CONSTRUCTION..:::</title>
</head>

<body>

###DOKUMENT###
<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">
<p>@Webmaster </p>
</div>###DOKUMENT###</div>

</body>

</html>



//edit by barett
benutz bitte die code-tags


Zuletzt bearbeitet von Barett am Do 02.02.2006 19:37, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
aight

Dabei seit: 26.09.2003
Ort: Berlin
Alter: 37
Geschlecht: Männlich
Verfasst Do 02.02.2006 19:40
Titel

Antworten mit Zitat Zum Seitenanfang

ohne es jetzt großartig ausprobiert zu haben, bau das mal in den body ein:

Code:
width: 100%; height: 100%;


könnte vielleicht klappen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
TigerWoods2001
Threadersteller

Dabei seit: 13.10.2002
Ort: Düsseldorf
Alter: -
Geschlecht: -
Verfasst Fr 03.02.2006 22:44
Titel

Antworten mit Zitat Zum Seitenanfang

Ach alles klar. Ich habe schon das Problem gelöst. float:none; clear:both; sollte es sein und das habe ich glatt vergessen.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] Layoutproblem
Brauche rat für den ie6 (layoutproblem)
Layoutproblem von Flash in FF vs IE
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.