Page 1 of 2

[Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 24. February 2009 16:21
by Midge
Deine Portal Version: 1.0.2
Typ Deines phpBB Forums: Standard phpBB3
MODs installiert: Ja
Dein Wissensstand: Einsteiger
Link zu Deinem Forum: http://burgschule-schreckenstein.de/phpBB3

PHP Version: 5
MySQL Version: 5.0.32

Was hast Du gemacht, bevor das Problem aufgetreten ist?
Portal installiert und angepasst (farblich und Boxen in portal_body.html umgestellt, außerdem Linien um die Boxen gezogen - siehe codebox unten)

Was hast Du bereits versucht um das Problem zu lösen?


Fehlerbeschreibung und Nachricht
Also, erstmal - ich hab zuerst hier in der Darstellungsproblem-Thread gepostet, bin aber mittlerweile nicht mehr sicher, dass mein Posting überhaupt angezeigt wird (hat als einziges einen weißen Hintergrund und steht hinter dem "Post abgetrennt" Beitrag von Kevin). Falls ihr es sehen könnt und einfach noch nicht geantwortet habt, entschuldige ich mich schon jetzt für das ungewollte Doppelposting - und falls nicht für den N00b-Fehler; ich wollte vermeiden, eine weitere Thread mit demselben Thema zu öffnen. :oops:

Aber nach dem langen Monolog mein eigentliches Problem:

Im Firefox sieht die Portalseite super genial aus (besser, als ich zu hoffen gewagt hätte). :)
Im IE (v7 bei mir zu Hause, v6 auf der Arbeit) verschiebt sich alles und in Opera ist die Schrift seltsam groß. (Wobei zu bemerken ist, dass es mir schon reicht, wenn das Portal in IE und Firefox anständig angezeigt wird.)

Screenshots: Internet Explorer, Opera

Ich kann mir zwar nicht vorstellen, dass die Rahmen etwas damit zu tun haben, aber vorsichtshalber ist hier der Text der portal.css

Code: Select all

/*  Board3Portal Stylesheet. 
    --------------------------------------------------------------
	Style name:		Board3Portal
	Based on style:	proSilver (this is the default phpBB 3 style)
	Author: Christian Henseler (http://www.graphich-corner.ch) pfotenwelt	
	
	Copyright 2008 www.graphich-corner.ch  und www.board3.de
    --------------------------------------------------------------
*/
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

.portal-panel {
    border: solid 1px #000000;
	background-color: #dddddd;
	color: #28313F;
	margin-bottom: 4px;
	padding: 0 10px;
	color: #3f3f3f;
}

.portal-panel h3 {
	margin: 0.5em 0;
	border-bottom:solid 1px #336799;
}

.portal-panel p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.portal-panel h4 {
	margin: 0.4em 0;
	border-bottom: 1px #3366CC dashed;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */


span.portal-corners-top {
	background-image: url("{T_THEME_PATH}/images/corners_left_b.png");
	margin: -1px 0 0 -11px;
        position: relative;
}


span.portal-corners-top span {
	background-image: url("{T_THEME_PATH}/images/corners_right_b.png");
	background-position: 100% 0;
margin: 0 -11px 0 0;
    
}

span.portal-corners-bottom {
	background-image: url("{T_THEME_PATH}/images/corners_left_b.png");
	background-position: 0 100%;
	    margin: 0 0 -1px -11px;
	clear: both;
 
     }


span.portal-corners-bottom span {
	background-image: url("{T_THEME_PATH}/images/corners_right_b.png");
	background-position: 100% 100%;
     margin: 0 -11px 0 0;  
}

span.portal-corners-top, span.portal-corners-bottom, span.portal-corners-top span, span.portal-corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

.panel span.portal-corners-top, .panel span.portal-corners-bottom {
margin: 0 -10px;
}

/*inner corners*/

span.portal-corners-top-inner {
	margin: 0 -10px;
}

span.portal-corners-top-inner span {}

span.portal-corners-bottom-inner {
	margin: 0 -10px;
	clear: both;
}


span.portal-corners-bottom-inner span {}

span.portal-corners-top-inner, span.portal-corners-bottom-inner, span.portal-corners-top-inner span, span.portal-corners-bottom-inner span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

.panel span.portal-corners-top-inner, .panel span.portal-corners-bottom-inner {
margin: 0 -10px;
}

/*Portal-menu*/

.portal-navigation{
border: 1px solid black;
border-bottom-width: 1px;
width: auto;
}

.portal-navigation ul{
margin: 0;
padding: 0;
list-style: none;
font: normal 90% Verdana, 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
}

.portal-navigation li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: auto; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: black;
background-color: #dddddd;
border-bottom: 1px solid #cccccc;
border-left: 7px solid #dddddd;
}

/* IE6 FIX */
* html .portal-navigation ul li{
border-bottom: 1px solid #cccccc;
}

.portal-navigation li a:hover {
background-color: #cccccc;
border-left-color: #A3A3A3;
}

/* zwischen Inhalt und Hauptseite im Menue oben links */

.portal-navigation div.menutitle{
color: #000000;
border-bottom: 1px solid #cccccc;
padding: 1px 0;
padding-left: 5px;
background-color: #cccccc;
font: bold 90% Verdana, 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
}

/* Portal linkblock*/

.arrowlistmenu{
width: auto; /*width of menu*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background-image: url("{T_THEME_PATH}/images/portal/arrowbullet.gif");
background-repeat: no-repeat;
background-position: center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #336799;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #336799;
background-color: #cccccc;
}
Für eure Hilfe schon im voraus vielen Dank.[/i]

Edit: Mögliche Lösung des Problems in dieser Thread: viewtopic.php?f=8&t=1979

Re: Boxen verschoben in IE (okay in FF)

Posted: 24. February 2009 23:17
by Heinrich-XIV
Hallo

Dein Anliegen liegt außerhalb des von uns geleisteten Support Bereichs. Sieh dazu auch:
viewtopic.php?f=8&t=1631

Was mich nur wundert ist, das deine "Bastelei" unter dem FF3 funktioniert. ;) Aber um dich nicht ganz im Regen stehen zu lassen, empfehle ich dir dazu folgendes Forum:
http://forum.de.selfhtml.org/


Gruß

Heinrich

Re: Boxen verschoben in IE (okay in FF)

Posted: 25. February 2009 09:30
by Midge
Danke für deine Antwort, Heinrich-XIV! :)

Dann lass mich anders herum fragen: Gibt es eine Möglichkeit, diese Rahmen auf "regulärem" Weg (also von euch unterstützt) einzufügen? Habt ihr vielleicht einen Mod dafür oder so? Ich finde halt einfach, dass es mit Rahmen wesentlich sauberer und besser aussieht. Ich würde die nur ungern wieder löschen, aber die IE User müssen ja die gleiche Seite benutzen... :?

Re: Boxen verschoben in IE (okay in FF)

Posted: 25. February 2009 12:01
by Mike
Lass es mich mal so formulieren: In dem kommenden Release von B3P wird es eine einfache Möglichkeit geben, diese Rahmen um die Blöcke zu machen.
Mehr möchte ich erstmal noch nicht verraten, da es derzeit noch nicht final ist.
Aber wenn du noch etwas Geduld hast, dann warte einfach auf die Version 1.0.3 ;)

Re: Boxen verschoben in IE (okay in FF)

Posted: 25. February 2009 19:56
by Midge
Super, vielen Dank, Mike. Dann werde ich gerne noch warten. :D
(Gibt es schon einen vorläufigen Releasetermin?)

Re: Boxen verschoben in IE (okay in FF)

Posted: 25. February 2009 21:54
by thomas.d
Midge wrote:... (Gibt es schon einen vorläufigen Releasetermin?)
Ja. Der vorläufige, inoffizielle, unbestätigte, von Testergebnissen abhängige Termin für das Release von 1.0.3 ist "bald" ;-)

Re: Boxen verschoben in IE (okay in FF)

Posted: 27. February 2009 13:24
by Midge
LOL. :lol:
Das geht ja schneller, als ich dachte.

Danke! Bin echt gespannt auf das neue Portal.

Re: Boxen verschoben in IE (okay in FF)

Posted: 2. April 2009 23:41
by Midge
Mike wrote:Lass es mich mal so formulieren: In dem kommenden Release von B3P wird es eine einfache Möglichkeit geben, diese Rahmen um die Blöcke zu machen.
Mehr möchte ich erstmal noch nicht verraten, da es derzeit noch nicht final ist.
Aber wenn du noch etwas Geduld hast, dann warte einfach auf die Version 1.0.3 ;)
Sooo, Mike, ich geb die Suche auf...wo hat sich die einfache Möglichkeit versteckt? ;)

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 01:12
by Mike
Äh.... ich versteh jetzt den Hintergrund deiner Frage nicht ganz, aber diese Möglichkeit steckt in der _block_config.html ;)
Bisher habe ich noch kein Style in die Finger bekommen, was sich nicht damit anpassen lässt.
Vorher war es so, das ich einen Style installiert habe, und (genau wie jetzt) ne Weile damit zugebracht habe, einen Block an den Rest des Forums an zu passen.
Wenn das dann soweit war, dann ging es dran, diese Änderung in alle Blöcke zu übertragen. Nach einem Update des Portales, war alles wieder weg, und ich konnte von vorne anfangen...
Jetzt mach ich das selbe wie vorher, nur eben ein einziges mal, statt 35 ;)

Wenn es sich bei dir immer noch um das gleiche Problem handelt wie in dem Thread ganz oben, dann handelt es sich doch um ein prosilver Template, oder?
Probier mal die folgende Config. Falls du bereits an deiner was gebastelt hast, mach bitte vorher eine Sicherungskopie davon.
Das Ergebnis ist auch Image

Code: Select all

<!--version $Id: _block_config.html 479 2009-03-15 11:19:27Z kevin74 $ //-->
<!-- Config for the left and right blocks //-->
<!-- DEFINE $LR_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header"><dl><dt style="white-space: nowrap">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</dt></dl></li></ul><ul class="topiclist forums"><li><dl><dd style="border-left: 0px"><div style="text-align: left; margin: 5px 5px 5px 5px">' -->
<!-- DEFINE $LR_BLOCK_F_L = '</div></dd></dl></li></ul>' -->
<!-- DEFINE $LR_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />' -->

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist"><li class="header">' -->
<!-- DEFINE $C_BLOCK_H_R = '</li></ul>' -->
<!-- DEFINE $C_BLOCK_F_L = '' -->
<!-- DEFINE $C_BLOCK_F_R = '<span class="corners-bottom"><span></span></span></div></div><br style="clear:both" />' -->

<!-- Images-URL //-->
<!-- DEFINE $NO_AVATAR_IMG = '/images/no_avatar.gif' -->

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 08:28
by Midge
Wow, das sieht auch nicht schlecht aus, danke dir!

Aber ich wollte eigentlich nur einen simplen schwarzen Rahmen um die einzelnen Boxen drum haben, sodass die runden schwarzen Ecken, die schon eingebaut sind, miteinander verbunden werden können. Und nachdem mir beim letzten Mal von euch bescheinigt wurde, dass nur reines Glück und Spucke meine eigene seltsame Rahmenkonstruktion zusammenhielt, wollte ich kein Risiko eingehen... :D

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 14:50
by Mike
Hast du die Konstruktion vom letzten mal noch? Dann kann ich dir daraus vielleicht ne config machen... ;)
Kann mir grad nich so recht vorstellen wie du das meinst, bzw wie das am Ende aussehen soll... Wenn ich mich aber recht erinnere, hattest du um die seitlichen Blöcke auch die selben Rahmen wie bei den mittleren, oder nicht? :?

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 15:11
by Midge
Ich hatte das anhand der Anleitung hier für die einzelnen Board-Postings gemacht, den Text dann in die portal.css von 1.0.2 (s. erster Beitrag dieser Thread) eingefügt - und so lange rumprobiert, bis es in FF gefunzt hat... :oops:

Und es soll einfach nur eine schwarze Linie um die einzelnen Blöcke herumgehen, so wie beispielsweise hier (grauer Background, schwarzer Rand ums Posting).

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 15:19
by Mike
Der letzte Link ist schonmal sehr hilfreich. Und du willst diesen schwarzen Rahmen nur um die äußeren Blöcke haben, oder um alle?
Jetzt kapiere ich auch, wieso du solche komischen schwarzen Ecken an deinen Blöcken hast ;o)

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 15:29
by Midge
LOL. :D
Ja, die dämlichen Ecken hab ich die ganze Zeit dringelassen, weil ich hoffte, noch eine Lösung dafür zu finden.
Am liebsten hätt ich die Rahmen um alle Blöcke, auch die mittleren, wenn das hinhaut.
Ich wär aber auch schon hochzufrieden, wenn es nur um die Spaltenblöcke rechts und links ginge.

Re: [Gelöst] Boxen verschoben in IE (okay in FF)

Posted: 3. April 2009 15:38
by Mike
Gut, dann schau ich mal was sich da machen lässt...
Könntest du vielleicht mal noch das Style das du verwendest incusive der Änderungen im ACP exportieren und mir als DL zur verfügung stellen?
Dann habe ich auch deine css und Icons, und kann das bei mir auf dem Testboard machen damit ich dich nich immer bitten muss, mal eben was zu probieren ;)

Könnte allerdings auch noch paar Tage dauern, weil ich jetz am WE Besuch habe, und nich weis wie ich dann zeitlich dazu komme... also nich unruhig werden, wenns nich gleich sofort fertig is ;)