[Gelöst] Boxen verschoben in IE (okay in FF)
Posted: 24. February 2009 16:21
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.
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
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
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.
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;
}
Edit: Mögliche Lösung des Problems in dieser Thread: viewtopic.php?f=8&t=1979
Aber um dich nicht ganz im Regen stehen zu lassen, empfehle ich dir dazu folgendes Forum:
