[gelöst]Clear Both aufheben
Eingetragen von chrischnian (101)am 10.11.2011 - 11:05 Uhr in
Ich habe das Design Omega hier am laufen.
Nun habe ich beim erstellen der Seite folgendes bemerkt.
Im Branding wird ja das Logo angezeigt.
Zusätzlich habe ich im Branding einen Menublock.
Nun möchte ich aber das Logo und das Menu nebeneinander haben.
Problem ist das vom System CSS nach dem Logo ein clear:both gemacht wird.
Somit wird mein Menu in die nächste (Zeile) geschoben.
Wie kann ich das per CSS verhindern?
Ohne das System CSS auszuschalten und somit auch das Adminmenu zu zerstören?
Hat jemand eine Idee?
- Anmelden oder Registrieren um Kommentare zu schreiben
float?
am 10.11.2011 - 11:40 Uhr
"clear" dient dazu, "float" aufzuheben. Probier mal, im CSS wieder "float" festzulegen, am besten mit Firebug. Evtl. mit "!important" ein bisschen Druck machen ;-)
Kannst du einen Link zur Site posten?
Du solltest in Deinem Theme
am 10.11.2011 - 12:55 Uhr
Du solltest in Deinem Theme einen eigenen CSS-File einbauen. Der wird üblicherweise als letztes aufgerufen und überschreibt die bisherigen Einstellungen. Dort sorgst Du mit entsprechenden CSS-Befehlen dafür, daß der Clear beim Logo nicht aufgehoben wird:
div#logoblockid {clear:none;
}
Die ID des Logoblocks mußt Du Dir aus dem HTML-Code der Seite raussuchen. Das geht mit Firefox und Firebug im Handumdrehen.
Beste Grüße
Werner
Ich baue eine eigene CSS auf
am 10.11.2011 - 18:02 Uhr
Ich baue eine eigene CSS auf und diese wird als letztes aufgerufen.
Aber dennoch blockiert mir ein vorhergehendes clear:both den Float Vorgang.
Wenn ich über Firebug das clear Both deaktiviere dann klappt es so wie ich es möchte.
Ich möchte aber nichts an den CSS vom Grundsystem ändern da dies bei einen Update sich wieder mit einmoggelt.
Der Link wäre [entfernt] und es geht um das Menu oben was im roten Kasten ist. Dies soll neben den Logo.
Wenn man in der [entfernt]/modules/system/system.base.css?lufpsh aus der Zeile 249 das clear:both rausnimmt dann klappt es so wie gewünscht.
Genau das möchte ich überschreiben.
Dann muß es in Deinem CSS
am 10.11.2011 - 17:07 Uhr
Dann muß es in Deinem CSS halt so heißen
div#block-menu-menu-headermenu .clearfix:after {clear:none;
}
Das gilt dann genau für diesen Block.
Beste Grüße
Werner
Danke wla das ist mir klar
am 10.11.2011 - 17:44 Uhr
Danke wla
das ist mir klar aber ich wollte aus updatetechnischen Gründen vermeiden die System CSS zu ändern.
Daher frage ich ja wie ich das ohne die Coredaten zu ändern hinbekommen kann.
Probier's mal damit ...
am 10.11.2011 - 17:52 Uhr
Probier's mal damit (outline dient nur zur Demonstration):
.branding-data, #block-menu-menu-headermenu {
outline: 2px solid lime !important;
float: left;
}
div#block-menu-menu-headermenu {
margin-top: 72px !important;
}
Danke Frank Ralf Problem
am 10.11.2011 - 18:01 Uhr
Danke Frank Ralf
Problem scheint gelöst ich werde die Links oben entfernen.
Super und danke!
Was ich geschrieben hatte
am 10.11.2011 - 20:33 Uhr
Was ich geschrieben hatte sollte ja auch in Deine eigene CSS-Datei und nicht in der vom System geändert werden.
Beste Grüße
Werner
Oh das hatte ich vorhin
am 10.11.2011 - 21:20 Uhr
Oh das hatte ich vorhin übersehen da ich das clear:none gesehen habe und nicht genau schaute war ich der Meinung das es in der System css reinkommt.
Habe ich aber auch selbst schon probiert und hatte nicht geklappt.
Ich werde es morgen nochmal testen und euch bescheid geben das wenn einer mal das gleiche Problem hätte es mit benutzen kann.