Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

#1 03. Januar 2012 17:18

PatriziaF
kennt CMS/ms
Ort: Altheim/Österreich
Registriert: 19. Januar 2011
Beiträge: 153
Webseite

[GELÖST] min-height css

Hallo liebe CMSler,

ich bin mir sicher es ist nur irgendeine doofe KLeinigkeit.
Aber ich komm einfach nicht drauf.

Auf meiner Site funktioniert der Befehl min-height einfach nicht. der weiße background der den content-bereich färbt soll mitwachsen, wenn der text mehr wird.

css

[== css ==]
#content {
width: 900px; 
text-align: left;
background-color:#fff;
float:left;
height: auto;
}
#main {
width: 415px;
float:left;
position:absolute;
top:228px;
left:265px;
min-height:365px;
height:auto !important;
}
#main-content{
color:#000;
padding: 0 20px;
}

ich verstehs wirklich nicht - vor allem da es im design 1 ja funktioniert.

und bitte um nachsicht wenns wirklich sowas offensichtliches ist ;-)

DANKE u LG
Patrizia

Offline

#2 03. Januar 2012 17:46

nockenfell
Moderator
Ort: Gontenschwil, Schweiz
Registriert: 09. November 2010
Beiträge: 2.934
Webseite

Re: [GELÖST] min-height css

lass mal das min-height weg. Letzhin hatte ich auf einer Seite ein ähnliches Problem. Nachdem ich das min-height weggelassen hatte, funktionierte das Design wieder.

Falls einer jedoch den Grund dazu kennt, wäre ich auch interessiert.


[dieser Beitrag wurde mit 100% recycled bits geschrieben]
Mein Blog  /   Diverse Links rund um CMS Made Simple
Module: btAdminer, ToolBox

Offline

#3 03. Januar 2012 18:01

engel1963
kennt CMS/ms
Registriert: 08. Dezember 2010
Beiträge: 105

Re: [GELÖST] min-height css

las lieber mal das !important weg.

Offline

#4 03. Januar 2012 18:20

Klener
probiert CMS/ms aus
Registriert: 15. November 2011
Beiträge: 45
Webseite

Re: [GELÖST] min-height css

Hm...
Scheint als hätte er grade das komplette Layout gewechselt. tongue
War grad auf Fehlersuche, hatte aber bis jetzt auch noch nichts passendes gefunden.
Das entfernen von !important bzw. min-height hat nichts gebracht.

Offline

#5 03. Januar 2012 18:24

NaN
Moderator
Ort: Halle (Saale)
Registriert: 09. November 2010
Beiträge: 4.437

Re: [GELÖST] min-height css

Das ist weit mehr als nur ein klitzekleines Problemchen.
Das ganze ist recht kompliziert und meiner Meinung nach falsch aufgebaut.
position:absolute und dann noch float:left ... das passt alles irgendwie nicht zusammen.
1. float hat keine Auswirkung, wenn Du position:absolute/relative verwendest.
2. du kannst die Höhe eines Divs nicht an seinen Inhalt anpassen, wenn der Inhalt absolut positioniert ist.

Also nimm die Anweisungen position, left, top raus.
Ebenso diese util-clearfix und util-clearb Klassen.
Dann musst Du nur noch am margin-top etwas rumprobieren, damit alles auf der richtigen Höhe ist.


Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)

Offline

#6 03. Januar 2012 18:58

PatriziaF
kennt CMS/ms
Ort: Altheim/Österreich
Registriert: 19. Januar 2011
Beiträge: 153
Webseite

Re: [GELÖST] min-height css

danke NaN!

das hab ich auch schon gemerkt, nur bin ich bis jetzt gescheitert!
werd mal deine hinweise probieren umzusetzen und werd mich dann wieder melden ;-)

@nockenfell: hab ich schon probiert.
@enegl1963: dito ;-)
@Klener: das ist nur weil insgesamt 5 designs auf der site liegen (rechts oben zum umschalten). ich hab nur noch nicht alle links richtig ins 4rer design gesetzt ;-)

Offline

#7 04. Januar 2012 10:38

PatriziaF
kennt CMS/ms
Ort: Altheim/Österreich
Registriert: 19. Januar 2011
Beiträge: 153
Webseite

Re: [GELÖST] min-height css

also ich hab jetzt alles gemacht.
absolute positionierung weg und auch alle unnötigen klassen weg.
aber ergebnis ist noch genauso wie vorher :-(
(habs ohne min-height und mit probiert)

habt ihr sonst noch ideen?

Offline

#8 04. Januar 2012 12:23

PatriziaF
kennt CMS/ms
Ort: Altheim/Österreich
Registriert: 19. Januar 2011
Beiträge: 153
Webseite

Re: [GELÖST] min-height css

ich glaub es hat irgendetwas mit dem pagewrapper zu tun.
der wird nicht größer als der header - habt ihr eine idee warum?

Offline

#9 04. Januar 2012 12:41

uniqu3
Server-Pate
Ort: Feldkirchen in Kärnten
Registriert: 20. November 2010
Beiträge: 305
Webseite

Re: [GELÖST] min-height css

Wenn man Elemente floatet, muss man danach auch clear verwenden (ausser man macht es nur für schlaue Browser und wendet column-count und column-width Eigenschaft an), sprich, was Du braucht ist (in ncleangrey glaube ich heißt es so) <div class="clearb"></div> nach schließenden </div> des id="rechts" oder besser gesagt vor schließenden </div> des <div id="content">, ebenso checke mal den Validator, denn es gibt ein schließendes </div> zu viel, was ebenso Probleme verursachen kann.

Offline

#10 04. Januar 2012 12:43

mike-r
arbeitet mit CMS/ms
Registriert: 21. Dezember 2010
Beiträge: 898
Webseite

Re: [GELÖST] min-height css

firebug (link in der Sig) sagt, dass #content der Verursacher ist. (Zusätzlich ist allerdings die Höhenangabe im pagewrapper trotzdem Unsinn).
Problem wird hauptsächlich ein nicht gecleartes Float mutmasslich von einem der Menüs sein.

Beitrag geändert von mike-r (04. Januar 2012 12:45)


Unablässige Tools für's Webdevelopement/ Fehlerfindung: CSS Validierungsservice, Bildschirmlineal, Firebug, Tidy, Deutsche CSS-Referenz

Offline

#11 04. Januar 2012 12:45

uniqu3
Server-Pate
Ort: Feldkirchen in Kärnten
Registriert: 20. November 2010
Beiträge: 305
Webseite

Re: [GELÖST] min-height css

mike-r schrieb:

Zusätzlich ist allerdings die Höhenangabe im pagewrapper trotzdem Unsinn.

Kann ich zustimmen, finde ich auch idiotisch aber jeden das seine smile

Offline

#12 04. Januar 2012 12:50

PatriziaF
kennt CMS/ms
Ort: Altheim/Österreich
Registriert: 19. Januar 2011
Beiträge: 153
Webseite

Re: [GELÖST] min-height css

danke uniqu3 - der fehler war wirklich das fehlende clear:both am ende des letzten divs im content-div!
und das div zuviel hab ich auch noch gleich entfernt!

auch das height im pagewrapper ist weg (ein versuch war es wert ;-) )

EIN GROßES DANKESCHÖN AN ALLE!!!!!!

Beitrag geändert von PatriziaF (04. Januar 2012 12:50)

Offline