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

[Midge]

Ich hab dir den Pfad zur gepackten Style-Datei per pn geschickt. (Was meinst du mit Änderungen im ACP? )

Vielen, vielen Dank, dass du es versuchst!

[Mike]

Ja danke... Mit dem Download hat soweit alles geklappt...
Erste Ergebnisse: http://area51.mikevil.de/portal.php?style=18

Ich versuche noch den Header und Footer im Forum zu machen, muss aber erstmal weg... Sag mal obs dir so gefällt

[Midge]

Ooooooooooooooooooooohhhhh...das ist bildschön!
Genauso war's gedacht!

Ach, ihr habt einfach nicht die richtigen Smilies für so einen Fall...

und fehlen hier ganz massiv.


(Um den Headerbereich - also das Burgbild und den Namen - soll übrigens kein Rahmen. Wenn der Mauerhintergrund geladen ist, fallen die Ecken gar nicht mehr so auf, deshalb können die auch bleiben.)

[Mike]

So... Die Menüs im Header und Footer waren ne harte Nuss, aber jetzt hast du im Portal alle Blöcke mit der Linie drumherum.
Auch die Blöcke in der Forenübesicht und die Blöcke der einzelnem Beiträge haben den.
Aber es gibt noch tausend andere (persönlicher Bereich, Moderationsbereich, usw) die noch keine haben. Da mir die Zeit dazu im Moment fehlt, geb ich dir jetzt die Sachen, damit du das im Portal so hast wie du wolltest.
Wenn du fertig bist, müsste es so aussehen wie bei mir:
http://area51.mikevil.de/portal.php?style=18

In der _block_config.html wurde nur eine Klasse geändert, der Rest ist gleich.
Aber der Einfachheit halber, ersetze einfach deine config durch den folgenden Code:

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="post bg3"><div class="inner"><span class="corners-top"><span></span></span><h3>' -->
<!-- DEFINE $LR_BLOCK_H_R = '</h3>' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- 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' -->

Den Rest habe ich in der theme/common.css machen müssen, weil das dort ja schon angefangen wurde.
Ersetze deine einfach durch den folgenden Code:

Code: Select all

/* General proSilver Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #cccccc;
	/*font-size: 62,5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 12px 0;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #000000;
	margin-top: 15px;
	font-weight: bold;
	font-size: 3em;
}

/* Beispiel: Willkommen auf Schreckenstein, Forenueberschrift, wenn Forum aufgerufen wird   */

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 2.2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.2em;
	margin-bottom: 1.5em;
}


p, h3 {
background-color: #cccccc;
}

.inner p, .inner h3 {
background-color: transparent;
}

img {
	border-width: 0;
}

hr {
	/* Also see tweaks.css */
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Main blocks
---------------------------------------- */

/* Breite des Boards  */

#wrap {
   padding: 0 50px;
   min-width: 650px;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	margin: 4px 0;
	clear: both;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

#logo {
	float: left;
	width: auto;
}

a#logo:hover {
	text-decoration: none;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 30px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
	background-color: #FFF;
}

#search-box input {
	border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */


.navbar {
	background-color: #ebebeb;
	padding: 0px 9px;
    border: 1px solid #000000;
}


.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
    border: 1px solid #000000;
}

    .forabg span.corners-top {
        margin: -1px 0px 0 -6px;
        position: relative;
    }

    .forabg span.corners-top span {
        margin: 0 -6px 0 0;
    }

    .forabg span.corners-bottom {
        margin: 0 0 -1px -6px;
        position: relative;
    }

    .forabg span.corners-bottom span {
        margin: 0 -6px 0 0;
    }

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #f3f3f3;
	color: #3f3f3f;
}

.post {
	padding: 0 10px;
	margin-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 100% 0;
    border: 1px solid #000000;
}

.post:target .content {
	color: #000000;
}

.post:target h3 a {
	color: #000000;
}

.bg1	{ background-color: #f7f7f7;}
.bg2	{ background-color: #f2f2f2; }
.bg3	{ background-color: #ebebeb; }

.rowbg {
	margin: 5px 5px 2px 5px;
}

.ucprowbg {
	background-color: #e2e2e2;
}

.fieldsbg {
	/* border: 1px #000000 solid; */
	background-color: #eaeaea;
}

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

span.corners-top {
	background-image: none;
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: none;
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: none;
	background-position: 0 100%;
	margin: 0px -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: none;
	background-position: 100% 100%;
}

.headbg span.corners-bottom {
	margin-bottom: -1px;
}

.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
	margin: -1px -10px;
}

.rules span.corners-top {
	margin: 0 -10px 5px -10px;
}

.rules span.corners-bottom {
	margin: 5px -10px 0 -10px;
}


    .post span.corners-top {
        margin: -1px 0 0 -11px;
        position: relative;
    }

    .post span.corners-top span {
        margin: 0 -11px 0 0;
    }

    .post span.corners-bottom {
        margin: 0 0 -1px -11px;
        position: relative;
    }

    .post span.corners-bottom span {
        margin: 0 -11px 0 0;
    }



/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover {
	background-color: #f6f6f6;
	color: #000;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border-top: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #000000;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

[Midge]

Oh Mike, das sieht SO GENIAL aus!
Ich werde nicht nur meinen Erstgeborenen, sondern ALLE meine zukünftigen Kinder nach dir benennen.

Nochmal vielen, vielen Dank für die Arbeit, die du dir gemacht hast!

[Mike]

Ich werde nicht nur meinen Erstgeborenen, sondern ALLE meine zukünftigen Kinder nach dir benennen.

Danke fürs Feedback. Is immer wieder schön zu wissen, das man es nich umsonst gemacht hat

Und wegen den Kindern... Also ich kann dir aus Erfahrung sagen, das es sehr viel billiger ist, sich intensiv mit unserem Paypalbutton zu beschäftigen, statt mit einer Frau. (Selbst ohne Kinder )

[Midge]

Mangels eigener Erfahrung mit Nachwuchs (zum Glück für alle Beteiligten! ) vertraue ich einfach mal deinen Worten und drücke stattdessen den Paypal-Button.

[Mike]

Oh Dankeschön. Ist angekommen...
Da ich hier für das Team arbeite, kommt das auch dem Team zugute. Aber danke für den Gedanken... du weist schon...

Und wegen dem Nachwuchs und so... Ich hab leider Erfahrung damit. Ich liebe mein Tochter sehr. Aber wenn ich vorher gewusst hätte wie Väterfeindlich unser Staat ist, dann hätte ich ganz sicher andere Entscheidungen getroffen... Aber naja, das ist ein ganz anderes Thema

Wenn du wieder Hilfe brauchst, weist du ja wo du sie findest ...

[Midge]

Hey Mike! Ich hab's halt mal geschickt - was du damit machst, bleibt dir überlassen.
(Und wenn du iiiiirgendwann mal die restlichen Rahmen - um den persönlichen Bereich und so - ziehen willst, würd ich den Code-Zusatz auch nicht ablehnen, aber das ist absolut nicht dringend notwendig.)

Und ich hoffe natürlich, du hattest/hast trotz aller Probleme mit dem Staat eine schöne Osterzeit mit deiner Tochter!

Es ist auch nur noch ne Kleinigkeit, die mir aufgefallen ist: Ist es möglich, die Zwischenräume zwischen der Oberkante der Boxen (in der rechten und linken Spalte) und der Überschrift/dem Bild noch etwas zu verkleinern oder kollidiert das dann mit deinem Rahmen-Code?

[Mike]

Oh, tut mir leid, das habe ich übersehen weil ich so mit der Linie um die Blöcke beschäftigt war.
Probier mal diese Config:

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="post bg3"><div class="inner"><span class="corners-top"><span></span></span><h3 style="margin-top: 0px;">' -->
<!-- DEFINE $LR_BLOCK_H_R = '</h3>' -->
<!-- DEFINE $LR_BLOCK_F_L = '' -->
<!-- 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' -->

[Midge]

Perfekt - herzlichen Dank!
Ich hab's auf 3px eingestellt, so passt es genau.