zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe beim "Reparieren" von CSS Code für Header und Footer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 06.02.2014, 21:30
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Zitat:
Zitat von japanworm Beitrag anzeigen
.
Hab alles mal ausprobiert. Leider hat sich nichts am ursprünglichen Problem verändert.
Gehörte das nicht zu deinem ursprünglichen Problem?
Zitat:
Nach rechts hört der Header einfach auf, obwohl er endlos nach rechts laufen sollte
Zu den Icons für RSS und Mail
Der Safari 4.0.5 stellt die Icons auch so dar wie der Android-Browser. Dort hat float für div.top_social geholfen:

Code:
div.top_social {
	float: left; /* Zufügen*/
	position:relative; /* Entfernen*/
        top:20px;  /* Entfernen*/
}
Edit:
Der Selektor in deinem css heißt #header .top_social nicht div.top_social
__________________
MfG
Jens

Geändert von plastiko (06.02.2014 um 22:01 Uhr)
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 07.02.2014, 03:44
Benutzerbild von japanworm
Confuser
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.07.2011
Ort: Japan
Beiträge: 143
japanworm befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Tipp.
Leider klappt das nicht.
Mit dem float alleine stimmt die Position noch nicht.
Füge ich dann margin oder padding hinzu, dann haben die Icons auf verschiedenen Seiten meines Blogs, verschiedene Positionen. Keine Ahnung wieso.
Vermutlich weil die Icons in Relation zu anderen Divs stehen, die auf anderen Seiten nicht vorhanden sind (z.B. auf der Hauptseite im Vergleich zur Blogseite).
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 07.02.2014, 14:43
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 12.11.2010
Ort: Bad Langensalza
Beiträge: 733
gabischatz ist in Verruf geraten
Standard

Hi, so jetzt setzt du mal den body auf min-width: 1150px;
Weist du was mich an deiner Seite wirklich stört das ständige Gezappel.
Und sind den wirklich so viele Scripte auf allen Seiten von Nöten?
Das <div class="top_social">-Element ist bereits hinter einem gefloateten Element
HTML-Code:
.jqueryslidemenu { float: left;}/* style.css:589 */
Um es anders zu positionieren musst du es entweder
HTML-Code:
#header .top_social {
position: relative;
margin: 3px 122px 0 0;
float: right;
}/* style.css:552 */
oder
HTML-Code:
#header .top_social {
position: relative;
margin: 3px 0 0 3px;
float: left;
}/* style.css:552 */
oder das was du sicherlich benötigst
HTML-Code:
#header .top_social {
position: absolute;
margin: 9px 122px 0 0;
right: 0;
}/* style.css:552 */
-float lässt ein HTML-Element am rechten oder linken Rand des umgebenden HTML-Blocks schweben. Ein mit float positioniertes Element hat eine besondere Eigenschaft, es ist nur so breit wie sein Inhalt ( inline-Element ) obwohl es ein Block-Element ist.

Warum ist das Element auf eine Breite von 1000px begrenzt?
HTML-Code:
#header #breadcrumbs_search_container { width: 1000px;}/* style.css:636 */
Grüße

Geändert von gabischatz (07.02.2014 um 18:38 Uhr)
Mit Zitat antworten
  #14 (permalink)  
Alt 14.02.2014, 15:42
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von gabischatz Beitrag anzeigen
Weist du was mich an deiner Seite wirklich stört das ständige Gezappel.
Deshalb https://addons.mozilla.org/de/firefox/addon/noscript
Mit Zitat antworten
  #15 (permalink)  
Alt 16.02.2014, 14:32
Benutzerbild von japanworm
Confuser
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.07.2011
Ort: Japan
Beiträge: 143
japanworm befindet sich auf einem aufstrebenden Ast
Standard

Erstmal möchte ich mich für die längere Abwesenheit entschuldigen und für eure Geduld bedanken.

Zitat:
Zitat von gabischatz Beitrag anzeigen
Hi, so jetzt setzt du mal den body auf min-width: 1150px;
Ok, habe ich gemacht. Hat keine Veränderung bewirkt.

Zitat:
Weist du was mich an deiner Seite wirklich stört das ständige Gezappel.
Was denn für ein Gezappel?

Zitat:
Und sind den wirklich so viele Scripte auf allen Seiten von Nöten?
Ich weiß nicht, wie man das alles in ein Skript verpacken könnte oder wie man das anders lösen könnte.


Hab jetzt mal alle von dir vorgeschlagenen Codes bzgl. des <div class="top_social">-Elements ausprobiert. Leider hat keines davon funktioniert. Es zieht den darunterliegenden Content so sehr nach oben, dass es den Header berührt bzw. teilweise überlagert.


Zitat:
Warum ist das Element auf eine Breite von 1000px begrenzt
Keine Ahnung. Ich hab den CSS-Code vor über 3 Jahren erstellt. Ich kann heute wirklich nicht mehr alles nachvollziehen. ...


Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Ich verstehe nur Bahnhof. Von welchem Gezappel wird hier überhaupt gesprochen? Ich hab bei mir kein Gezappel, egal welchen Browser bzw. welches Gerät ich verwende.
Mit Zitat antworten
  #16 (permalink)  
Alt 16.02.2014, 15:30
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von japanworm Beitrag anzeigen
Ich verstehe nur Bahnhof. Von welchem Gezappel wird hier überhaupt gesprochen? Ich hab bei mir kein Gezappel, egal welchen Browser bzw. welches Gerät ich verwende.
Fahre mal ein bisschen mit der Maus über deine Seite, da bewegt sich ständig irgendwas ohne JS ist die Seite viel ruhiger.
Solche Animationen lenken ab oder im schlimmsten Fall nerven sie. Auch verhindert es manchmal das Lesen, z.b. wenn die Maus über der oberen Navi ist und ein Flyout den Text überdeckt, den man gerade am lesen ist.
Mit Zitat antworten
  #17 (permalink)  
Alt 16.02.2014, 15:38
Benutzerbild von japanworm
Confuser
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.07.2011
Ort: Japan
Beiträge: 143
japanworm befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Fahre mal ein bisschen mit der Maus über deine Seite, da bewegt sich ständig irgendwas ohne JS ist die Seite viel ruhiger.
Solche Animationen lenken ab oder im schlimmsten Fall nerven sie. Auch verhindert es manchmal das Lesen, z.b. wenn die Maus über der oberen Navi ist und ein Flyout den Text überdeckt, den man gerade am lesen ist.
Gut, aber dass das Navi oben bei einer Webseite aufklappt, um weitere Links zu zeigen, ist doch ganz normal. Hat doch heutzutage fast jeder zweite Blog.

Und ansonsten benutze ich kaum Effekte mit Mousehover.
Das Ding im Logo wollte ich eh wieder rausnehmen, aber übers Logo fahren glaube ich nicht so viele Leute mit der Maus.

Aber Danke für die Anmerkung!
Mit Zitat antworten
  #18 (permalink)  
Alt 16.02.2014, 16:06
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von japanworm Beitrag anzeigen
Gut, aber dass das Navi oben bei einer Webseite aufklappt, um weitere Links zu zeigen, ist doch ganz normal. Hat doch heutzutage fast jeder zweite Blog.
Eben, das dürfte einer der Gründe sein, warum NoScript so beliebt ist. Mich stört das nicht, weil ich es nicht sehe und dass manchmal die Seite nicht benutzbar ist, weil ein Teil des Menüs fehlt ist schade - für den Betreiber der Seite.
Mit Zitat antworten
  #19 (permalink)  
Alt 06.03.2014, 18:24
Benutzerbild von japanworm
Confuser
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 14.07.2011
Ort: Japan
Beiträge: 143
japanworm befindet sich auf einem aufstrebenden Ast
Standard

Ich habe leider immer noch keine Lösung für die zwei kleinen Icons im Header gefunden, die im Android Browser und sicher in ein paar anderen auch, an einer völlig falschen Position dargestellt werden.

Hat noch irgendeiner eine Idee, was ich probieren könnte?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Mehrere Divs in einem Layer nebeneinander zentrieren..? michaf CSS 14 19.08.2013 02:02
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Header - Leftmenue, Kontent 100% - footer CSS und keine Scrollbars! Mavarik CSS 8 26.07.2008 18:11
Opera: Last.fm-Widget überdeckt Header und Footer DieterWelzel CSS 0 25.02.2008 03:07
Hilfe bei gesamten CSS Layout mexxat CSS 0 22.08.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:37 Uhr.