Facebook wird falsch angezeigt

Ahtos

Die Ansicht wird mit dem Add-on Stylish verändert, so dass Facebook den gesamten Bildschirm ausfüllt.
Bisher funktionierte das auch ohne Probleme. Seit heute sieht es allerdings wie in dem SS aus, sprich der linke Frame incl. des Mittelteils wird zu weit links dargestellt.
Eine Neuinstallation des Facebook-Styles, Löschung des Caches, der Cookies und ein neues Firefox Profil brachte keine Veränderung. Der folgende CSS-Code müßte eigentlich in Ordnung sein, da an diesem nix verändert wurde.

CSS

@namespace url(http://www.w3.org/1999/xhtml);
/* ========================================================================= */
/*  Apply only within the facebook.com domain
*/


@-moz-document domain("www.facebook.com") {


/* ========================================================================= */
/*  Fit to the full browser's window's width
*/


#globalContainer
{
	left:			0   				!important;
	width:			auto				!important;
	min-width:		981px				!important;
}


#contentCol
{
	margin-left:		181px				!important;
}


#headerArea
{
	float:			none				!important;
	overflow:		hidden				!important;
	min-width:		759px				!important;
	width:			auto				!important;
}


#contentArea
{
	float:			none				!important;
	overflow:		hidden				!important;
	min-height:		300px				!important;
	min-width:		493px				!important;
	width:			auto				!important;
	padding-right:		20px				!important;
}


#MessagingFrame
{
	float:			none				!important;
	overflow:		hidden				!important;
	min-width:		759px				!important;
	width:			auto				!important;
}


.threadMainCol
{
	width:			auto				!important;
}


.fbxPhotoSetPageMetadata
{
	min-width:		437px				!important;
	width:			auto				!important;
}


.uiUfi
{
	min-width:		398px				!important;
	width:			auto				!important;
}


.fbPhotoFeedbackForm .uiUfi
{
	min-width:		430px				!important;
	width:			auto				!important;
}


ul.fbPhotoTheaterUfi
{
	min-width:		400px				!important;
	width:			auto				!important;
}


div.fbCommentViewUfi,
div.fbCommentViewUfi ul.fbPhotoTheaterUfi,
div.fbCommentViewCaption
{
	min-width:		364px				!important;
	width:			auto				!important;
}


.fbProfileByline
{
        min-width:              493px                           !important;
	width:			auto				!important;
	margin-right:		264px				!important;
}


.HC_Center
{
	min-width:		520px				!important;
        width:			auto				!important;
	clear:			left				!important;
}


.UIFaq_Content
{
	display:		block				!important;
	float:			none				!important;
	overflow:		hidden				!important;
	min-width:		460px				!important;
        width:			auto				!important;
}


.fbxphotos tbody,
.fbPhotosGrid tbody
{
	display:		block				!important;
	margin-right:		-6px				!important;
}


.fbxphotos tr,
.fbPhotosGrid tr
{
	display:		inline				!important;
}


.fbxphotos td,
.fbPhotosGrid td
{
	float:			left				!important;
	width:			auto				!important;
	padding:		0 8px 8px 0			!important;
}


.fbxphotos .uiMediaThumbAlb,
.fbPhotosGrid .uiMediaThumbAlb
{
	margin-bottom:		5px				!important;
}


.fbxphotos .photoDetails,
.fbxphotos .mediaDetails,
.fbPhotosGrid .photoDetails,
.fbPhotosGrid .mediaDetails
{
	height:			42px				!important;
	overflow-y:		visible				!important;
}


.fbPhotoTheaterGrid .commentsContainer,
.fbPhotoTheaterGrid .commentsCell
{
	min-width:		400px				!important;
	width:			100%				!important;
}


#album_photos_pagelet #fbCommentViewList .uiListItem .pll.rfloat
{
	float: none !important;
	overflow: hidden !important;
}


/* ------------------------------------------------------------------------- */
/*  Unobtrusive sidebar.
*/


/*  Slid-out state.
*/
.fbChatSidebar
{
	/*  Slide-out, slower & delayed.
	*/
	-webkit-transition:	all 1s ease-in-out 0.4s		!important;
	-moz-transition:	all 1s ease-in-out 0.4s		!important;
	margin-right:		-150px				!important;
	border-top-left-radius: 180px 360px			!important;
	box-shadow:		-5px 20px 10px 0 #B2B9C9,
				2px 0 2px -2px #B2B9C9 inset	!important;
}


.fbChatSidebar .fbChatOrderedList .item a,
.fbChatSidebar .fbChatTypeaheadView li
{
	-webkit-transition:	all 1s ease-in-out 0.4s		!important;
	-moz-transition:	all 1s ease-in-out 0.4s		!important;
	padding:		0 20px 1px 0			!important;
}


.fbChatSidebar .fbChatOrderedList .separator
{
	-webkit-transition:	all 1s ease-in-out 0.4s		!important;
	-moz-transition:	all 1s ease-in-out 0.4s		!important;
	height:			0				!important;
}


/*  Slid-in state.
*/
.fbChatSidebar:hover
{
	/*  Slide-in, fast & prompt.
	*/
	-webkit-transition:	all 0.5s ease-in-out 0.2s	!important;
	-moz-transition:	all 0.5s ease-in-out 0.2s	!important;
	margin-right:		0				!important;
	border-top-left-radius: 0				!important;
	box-shadow:		5px 0 10px 0 #7C8DAF,
				2px 0 2px -2px #B2B9C9 inset	!important;
}


.fbChatSidebar:hover .fbChatOrderedList .item a,
.fbChatSidebar:hover .fbChatTypeaheadView li
{
	-webkit-transition:	all 0.5s ease-in-out 0.2s	!important;
	-moz-transition:	all 0.5s ease-in-out 0.2s	!important;
	padding:		2px 20px 2px 9px		!important;
}


.fbChatSidebar:hover .fbChatOrderedList .separator
{
	-webkit-transition:	all 0.5s ease-in-out 0.2s	!important;
	-moz-transition:	all 0.5s ease-in-out 0.2s	!important;
	height:			18px				!important;
}


/*  Either state.
*/
.fbChatSidebar
{
	overflow:		hidden				!important;
	padding-left:		1px				!important;
}


.fbChatSidebar .fbChatOrderedList .separator
{
	display:		block				!important;
	vertical-align:		middle				!important;
	overflow:		hidden				!important;
}


.fbChatSidebar .uiScrollableAreaContent
{
	position:		absolute			!important;
	bottom:			0				!important;
}


/*  Unobstruct things when in sidebarmode.
*/
.sidebarMode #globalContainer
{
	padding-right:		31px				!important;
}


.sidebarMode #mainContainer,
.sidebarMode #contentCurve
{
	border-right:		0				!important;
}


.sidebarMode #headerArea
{
	margin-right:		0				!important;
}


.sidebarMode #rightCol
{
	padding-right:		0				!important;
}


/* ------------------------------------------------------------------------- */
/*  "Ego" pane left as is.
*/


/* ========================================================================= */
}

Alles anzeigen

Endor

Hallo Ahtos

Ich kann nicht sagen, ob es daran liegt, aber gleich oben bei #global Container
sieht es so aus:

CSS

#globalContainer
    {
       left:        0           !important;
       width:         auto            !important;
       min-width:      981px            !important;
    }

bei left fehlt etwas, denke mal margin-

Vielleicht liegt es daran. Da ich keinen Facebook Zugang habe kann ich es leider nicht
testen.
Mfg.
Endor

Ahtos

Wie ich gerade nachlesen konnte, hatte Facebook irgendwann am Dienstag einmal wieder den Code für das Layout verändert. Jetzt müßte man nur noch wissen was genau geändert wurde. :?

Wawuschel

Du kannst dir ja mal SocialFixer ansehen - der bietet diese Möglichkeit in seinen Optionen auch
http://socialfixer.com/ (als Erweiterung und als GM-Skript)

Einstellung: http://minus.com/mWTePs4or/1f

Endor

Hallo Ahtos
Ich habe mir mal Dein Script nochmal angeschaut.

Wenn ich Zeile 14 bei #globalContainer
ändere dann geht es hier:

von

CSS

left   0           !important;

nach

CSS

left:   -70px           !important;

teste es mal. Wert musst Du eventuell für Dich noch anpassen.
Mfg.
Endor

Dimitar

Danke für die Hilfe. Gerade dieses Problem wollte ich heute auch ansprechen, da es meiner Cousine passiert ist und sie sich absolut nicht mit sowas auskennt. Scheint dann wohl häufiger vorzukommen.