---
title: "Login"
url: "https://www.typo3.net/d/95154-login"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2009-12-10"
last_reply: "2009-12-14"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Login

Allgemein · 2 Antworten · gestartet 2009-12-10

## Eröffnungsbeitrag

**alexanderberg** · 2009-12-10 · [Beitrag #1](https://www.typo3.net/d/95154-login/1)

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?

## Antworten

### [#2](https://www.typo3.net/d/95154-login/2) · Mopps · 2009-12-14

> 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

### [#3](https://www.typo3.net/d/95154-login/3) · alexanderberg · 2009-12-14

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**

```html
<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**

```html
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

---

Quelle: „Login“, typo3.net, https://www.typo3.net/d/95154-login
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.