ilch Forum » Allgemein » HTML, PHP, SQL,... » Thickbox 3.1 Problem

Geschlossen
  1. #1
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    Hallo,
    ich habe mir überlegt die Thickbox 3.1 zu verwenden. Die ist ja auch gut erklärt usw. Ich dachte da kann man kaum Probleme bekommen, allerdings gibts jetzt doch welche.
    Und zwar sieht liegt das anscheinend an der css von der thickbox:

    /* ----------------------------------------------------------------------------------------------------------------*/
    /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------------*/
    *{padding: 0; margin: 0;}
    
    /* ----------------------------------------------------------------------------------------------------------------*/
    /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------------*/
    #TB_window {
    	font: 12px Arial, Helvetica, sans-serif;
    	color: #333333;
    }
    
    #TB_secondLine {
    	font: 10px Arial, Helvetica, sans-serif;
    	color:#666666;
    }
    
    #TB_window a:link {color: #666666;}
    #TB_window a:visited {color: #666666;}
    #TB_window a:hover {color: #000;}
    #TB_window a:active {color: #666666;}
    #TB_window a:focus{color: #666666;}
    
    /* ----------------------------------------------------------------------------------------------------------------*/
    /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
    /* ----------------------------------------------------------------------------------------------------------------*/
    #TB_overlay {
    	position: fixed;
    	z-index:100;
    	top: 0px;
    	left: 0px;
    	height:100%;
    	width:100%;
    }
    
    .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
    .TB_overlayBG {
    	background-color:#000;
    	filter:alpha(opacity=75);
    	-moz-opacity: 0.75;
    	opacity: 0.75;
    }
    
    * html #TB_overlay { /* ie6 hack */
         position: absolute;
         height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }
    
    #TB_window {
    	position: fixed;
    	background: #ffffff;
    	z-index: 102;
    	color:#000000;
    	display:none;
    	border: 4px solid #525252;
    	text-align:left;
    	top:50%;
    	left:50%;
    }
    
    * html #TB_window { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    }
    
    #TB_window img#TB_Image {
    	display:block;
    	margin: 15px 0 0 15px;
    	border-right: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
    	border-top: 1px solid #666;
    	border-left: 1px solid #666;
    }
    
    #TB_caption{
    	height:25px;
    	padding:7px 30px 10px 25px;
    	float:left;
    }
    
    #TB_closeWindow{
    	height:25px;
    	padding:11px 25px 10px 0;
    	float:right;
    }
    
    #TB_closeAjaxWindow{
    	padding:7px 10px 5px 0;
    	margin-bottom:1px;
    	text-align:right;
    	float:right;
    }
    
    #TB_ajaxWindowTitle{
    	float:left;
    	padding:7px 0 5px 10px;
    	margin-bottom:1px;
    }
    
    #TB_title{
    	background-color:#e8e8e8;
    	height:27px;
    }
    
    #TB_ajaxContent{
    	clear:both;
    	padding:2px 15px 15px 15px;
    	overflow:auto;
    	text-align:left;
    	line-height:1.4em;
    }
    
    #TB_ajaxContent.TB_modal{
    	padding:15px;
    }
    
    #TB_ajaxContent p{
    	padding:5px 0px 5px 0px;
    }
    
    #TB_load{
    	position: fixed;
    	display:none;
    	height:13px;
    	width:208px;
    	z-index:103;
    	top: 50%;
    	left: 50%;
    	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
    }
    
    * html #TB_load { /* ie6 hack */
    position: absolute;
    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
    }
    
    #TB_HideSelect{
    	z-index:99;
    	position:fixed;
    	top: 0;
    	left: 0;
    	background-color:#fff;
    	border:none;
    	filter:alpha(opacity=0);
    	-moz-opacity: 0;
    	opacity: 0;
    	height:100%;
    	width:100%;
    }
    
    * html #TB_HideSelect { /* ie6 hack */
         position: absolute;
         height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
    }
    
    #TB_iframeContent{
    	clear:both;
    	border:none;
    	margin-bottom:-1px;
    	margin-top:1px;
    	_margin-bottom:1px;
    }


    Denn wenn ich die einbinde(in index.htm) ändert sich wohl auch der style der page mit.
    Als Anschauung hier der Vorher-Nachher-Effekt in Bildern:
    img165.imageshack.us/img165/754/vorhervn9.jpg
    img353.imageshack.us/img353/223/nachherhd1.jpg

    Zwar funktioniert dann die thickbox aber das Gesamtdesign ist unschön wie ich finde !!!! Kann mir wer helfen ???

    betroffene Homepage: supportersms.su.ohost.de/ilchcommunity_1.2.6/
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    sCoRpIoN Mitglied
    Registriert seit
    03.03.2005
    Beiträge
    1.883
    Beitragswertungen
    0 Beitragspunkte
    die einzige einstellung, welche dein layout beeinflussen könnte, ist: *{padding: 0; margin: 0;}
    testweise kannst du diese ja mal entfernen;

    wenn es hilft, dann bau genau diese einstellung zu beginn deiner style.css (vom design) ein; somit werden keine elemente im nachhinein überschrieben; falls es dann noch immer auftritt, dann ist das design codetechnischer schrott, denn man kann sich niemals darauf verlassen, dass ein browser padding mit 0 oder 2px fest anzeigt;

    gruss
    michi
    free-design: externer Link

    --## externer Link ##--
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Domme_09 Mitglied
    Registriert seit
    08.07.2008
    Beiträge
    267
    Beitragswertungen
    0 Beitragspunkte
    jo das wars lächeln

    genial! super, vielen vielen dank scorpion !!!!!!!!!!
    www.bvbsupporters-ms.de
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten