Autor |
Nachricht |
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 08.05.2008 09:14
Titel Problem mit Wrapperfarbe |
|
|
Hallo!
Habe eine Page, die sieht so aus:
Im firefox wird die Farbe bei dem Menü nicht bis runter angezeigt... obwohl eigtl auch alle Elemente im Wrapper sind und der Wrapper eine Farbe hat. Weiß auch nicht wie ich das Problem lösen kann, vielleicht könnt ihr mir helfen?
css:
Code: |
#wrapper {
width: 985px;
margin: 0px auto;
background: #f8f8f6;
}
#menu {
width: 165px;
height: 100%;
margin: 0;
padding-bottom: 25px; padding-left: 5px; padding-right: 5px; padding-top: 5px;
float: left;
clear: right;
background: #f8f8f6;
}
#oben {
width: 800px;
height: 45px;
margin: 0;
padding-bottom: 0; padding-left: 10px; padding-right: 0px; padding-top: 5px;
background: #f8f8f6;
}
#inhalt {
width: 800px;
height: 100%;
margin: 0;
padding-bottom: 25px; padding-left: 10px; padding-right: 0px; padding-top: 0px;
float: right;
background: #f8f8f6;
}
|
html:
Code: |
<div id="wrapper">
<div id="menu"><?php include ('menu.php'); ?></div>
<div id="oben"><?php include ('oben.php'); ?></div>
<div id="inhalt">
</div>
</div>
|
was ist daran falsch? Im Ie wird es übrigens richtig angezeigt...
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Do 08.05.2008 09:39
Titel
|
|
|
zeig mal einen live-link, bitte.
bis dahin kannste mal
im wrapper probieren... vielleicht bringts das ja schon
|
|
|
|
|
Anzeige
|
|
|
deeesi
Dabei seit: 01.09.2004
Ort: Leverkusen
Alter: 42
Geschlecht:
|
Verfasst Do 08.05.2008 09:41
Titel
|
|
|
oder dem wrapper und dem html 100% Höhe geben. evtl. ...weiß nicht
|
|
|
|
|
Impigra
Dabei seit: 17.05.2006
Ort: Egenhofen
Alter: 45
Geschlecht:
|
Verfasst Do 08.05.2008 10:24
Titel
|
|
|
Der wrapper wird nicht aufgezogen weil nach dem float kein clear steht...
was der clear:right im #menu soll ist mir auch nicht so ganz klar...
aber Du kannst ja mal nach den Pseudoklassen :after und/oder before suchen...
Da könntest Du dann einen Umbruch oder ein Div mit clear einfügen...
Wobei die Pseudoklassen :before und :after noch nicht vom IE unterstützt werden... und von anderen Browsern je nachdem nur teilweise... habs grad nicht auswendig...
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 08.05.2008 10:35
Titel
|
|
|
der wrapper ist ein div und somit von haus aus ein block-level element. das display: block; wäre da doppelt gemoppelt.
versuchs mal so:
CSS:
Code: | .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#wrapper {
width: 985px;
margin: 0px auto;
background: #f8f8f6;
}
#menu {
width: 165px;
height: 100%;
margin: 0;
padding: 5px 5px 25px 5px;
float: left;
background: #f8f8f6;
}
#oben {
width: 800px;
height: 45px;
margin: 0;
padding: 5px 0 0 10px;
background: #f8f8f6;
}
#inhalt {
width: 800px;
height: 100%;
margin: 0;
padding: 0 0 25px 10px;
float: left;
background: #f8f8f6;
}
|
HTML:
Code: |
<div id="wrapper" class="clearfix">
<div id="menu"><?php include ('menu.php'); ?></div>
<div id="oben"><?php include ('oben.php'); ?></div>
<div id="inhalt">
asdf
</div>
</div> |
übrigens:
1.) Deine vermischung von paddings und festen breiten wird zu einer unterschiedlich breiten darstellung der container in "neueren" browsern und dem ie6 führen. siehe dazu auch: http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
2.) schau dir mal den artikel an: http://www.webdesign.rudomazin.de/tutorials/css-tutorials/css-abkuerzen-abkuerzungen.html
€: 3.) im IE wird die Seite so nicht gecentert werden. margin: 0 (null ist null.. egal in welcher einheit. da gehört kein px dahinter) auto; tut es da nicht - um die seite zu zentrieren bedarf es folgendem:
Code: |
body {
text-align: center;
}
#wrapper {
text-align: left;
width: 985px;
margin: 0px auto;
background: #f8f8f6;
}
|
Zuletzt bearbeitet von sahnemuh am Do 08.05.2008 10:40, insgesamt 2-mal bearbeitet
|
|
|
|
|
denise2302
Threadersteller
Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht:
|
Verfasst Do 08.05.2008 10:38
Titel
|
|
|
dankeschön für eure hilfe!
da ich jetzt noch einen footer einbauen muss, hat sich das geklärt, da ich in dem footer clear:both mit reinnehmen muss und da gehts dann zum glück auch! Aber trotzdem sehr hilfreich, wusste noch garnicht, dass der Wrapper sich nicht aufziehen kann wenn man nicht cleart
LG Denise
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Do 08.05.2008 15:10
Titel
|
|
|
denise2302 hat geschrieben: | da ich jetzt noch einen footer einbauen muss, hat sich das geklärt, da ich in dem footer clear:both mit reinnehmen muss |
Genau, das ist die beste Lösung - ein hartkodiertes clear ist immer die erste Wahl
|
|
|
|
|
|
|
|
Ähnliche Themen |
Formmailer-Problem-neues problem
PHP Problem
CSS-Problem im IE7
CSS Problem
Problem mit Ton
Css problem
|
|