Login

Da ich die Sachen erst lokal auf dem Rechner installiere und teste finde ich es merkwürdig, dass lokal das Login sehr gut aussieht in seinen Defaults. MAche ich das gleiche online, dann ist das Login extrem langgezogen und die Breite kann nicht eingestellt werden. Zumindest habe ich es über CSS versucht. Kann man das Template auch mit der Hand umbauen? Da ist zudem eine Tabelle drin.

Kann mir jemand einen Tipp geben?

Kann mir jemand einen Tipp geben?

Wenn du Hilfe möchtest, dann solltest du uns evt. noch Tipps geben
1) TYPO3 Version?
2) HTML-Code?
3) entsprechende CSS Anweisungen?
4) kommt für das Login eine Extension zum Einsatz?
und und und

Vielen Dank für Dein Feedback.

Typo3
Lokal: 4.2.9 (Login als Seitenelement, ganz normal)
Online: 4.2.10 (Login als Seitenelement, ganz auseinandergezogen)

CSS-Anweisungen
Aktuell keine für das Login. Es geht nur darum den Standard einzubauen.

Login
Standardteil von typo3, wurde in CONTENT gerendert.

Template

<div id="mainframe">
  <div id="header"><div id="logo"><img src="" alt="" title="" /></div>
  <div id="sidemenue">###SIDEMENUE###</div></div>
  <div id="maincontent">
    <div id="image">###BGIMAGE###
      <div id="imagemarker">###CONTENT###</div>
    </div>
      </div><div id="footer"><div id="footermarker">###FOOTER###</div>
  <div id="claimcontent"></div></div>
</div>

CSS

body {
	margin: 0;
	background: #B8B2A7 url("/fileadmin/data/graphics/render.gif") no-repeat 0 0 ;
	font: 11px Verdana;
        text-align: center;
	color: #70644E;
}
* {
 	margin: 0px;
    	padding: 0px;
}
a {
	color: #70644E;
	text-decoration: none;
}

div{

border: 0px dotted grey;}

a:hover {
	color: #000000;
}

.clear {
	clear: both;
border: 0px dashed red;	
}

#header {
border: 0px dashed red;
}

.menuitem {
width: 25px;
}

h1, h1.csc-firstHeader h1.csc-header{
	color: #70644E;
	font-size: 24px;
	font-family: Times;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 10px;
	font-weight: normal;
	width: 400px;
}

h2 { color: #70644E;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
}

h3 { color: #70644E;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
}
#mainframe {
	overflow: hidden;
	margin: 0 auto;
        margin-top: 60px;
	text-align: left;
	width: 740px;
	height: 440px;
}


#sidemenue {
	float:right;
	text-align: right;
	width: 237px;
	margin-right: 8px;
	margin-top: 34px;
	margin-bottom: 5px;
	border: 0px dashed red;	
	}

#logo {
	margin-top: 20px;
	margin-bottom: 5px;
	margin-left: 1px;
	width: 220px;
	height: 30px;
	float:left;
}

#logo img {
	padding: 0px;
	margin: 0px;
}

#maincontent {
	width: 100%;
        height: 315px;
			float:right;
}

#image {
	width: 738px;
        height: 310px;
        background-color: white;
        float: left;
        margin-top: 2px;
	margin-bottom:5px;
}

#imagemarker {
	margin: 0px;
	padding: 0px;
 	margin-top: 5px;
	background-color: #FEFEFE;
    margin-left: 5px;
    width: 300px;
    height: 300px;
	float: left;
}

#imagemarker p{

	padding: 0px;
	font-size: 11px;
	line-height: 17px;
	width: 390px;
		margin-left: 10px;
			float: left;
}

#text {
	width: 418px;
        height: 310px;
        background-color: white;
        float: left;
        margin-top: 2px;
	margin-bottom:5px;
}

#textmarker {
	margin: 0px;
	padding: 0px;
 	margin-top: 5px;
	background-color: #FEFEFE;
    margin-left: 5px;
    width: 408px;
    height: 300px;
}

#samples {
	width: 738px;
        height: 90px;
        background-color: white;
        float: left;
        margin-top: 2px;
        display: none;
}

#samplesmarker {
	margin: 0px;
	padding: 0px;
 	margin-top: 5px;
		background-color: #FEFEFE;
        margin-left: 5px;
        width: 728px;
        height: 80px;
          display: none;
}

#menu {
     	width: 136px;
        height: 322px;
        background: url("gfx/menubg.gif") repeat-x;
        float: left;
        margin-top: 1px;
        margin-right: 10px;
}

#menumarker {
	text-transform: uppercase;	
	line-height: 18px;
 	margin-top: 26px;
        margin-left: 15px;
        height: 274px;
	width: 120px;
}

.menu {
	text-transform: uppercase;
	height: 18px;
}

.menu_act {
	text-transform: uppercase;
	line-height: 18px;
	height: 18px;
}

.menu a {
	color: #70644E;
	text-decoration: none;
}

.menu a:hover {
	color: #000000;
/*	color: #998D77;*/
	text-decoration: none;
}

.menu_act a {
	color: #FFFFFF;
	text-decoration: none;
}

#content {
	line-height: 17px;
	width: 97px;
        height: 322px;
        background: url("gfx/contentbg.gif") repeat-x;
        float: left;
        margin-top: 1px;
}

#content a {
 text-decoration: none;
 /*font-weight: bold;*/
}

#content a:hover{
 color: #9F001F;


}

#content li{
 line-height: 20px;
}


#contentmarker {
 	margin-top: 19px;
        margin-left: 6px;
        height: 300px;
	width: 463px;
}
#contentmarker img {
	margin-top: 0px;
	padding: 0px;
}

#impressum {
height: 377px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 20px;
	overflow: scroll;
}

*html #impressum {
height: 600px;
}

#footer{
	width: 100%;
        text-align: left;
}

#footermarker{
	margin-top: 1px;
	font-size: 9px;
	width: 300px;
	float: left;
	}

ul{ margin-top: 12px;}

li { 
margin-left: 25px;
}

#claimcontent {
	margin-right: 3px;
	float:right;
	width: 205px;
	height: 50px;
	line-height: 27px;
	text-align: right;
	font-size: 24px;
	font-family: Times New Roman;
	font-style: italic;
}

Das sind soweit die Dinge, die ich von meiner Seite aus noch beisteuern kann.

Ich hatte mal der Tabelle eine rote Umrahmung gegeben, um zu sehen wie sehr sich das Teil ausdehnt. Mit den dort angegebenen id für das CSS ging allerdings nichts verändern.

Herzliche Grüße
Alexander Berg