Zerhackte Seite

Autor Nachricht
Verfasst am: 17.04.2008 [21:15]
Supermuh

[Themenersteller]
dabei seit: 17.04.2008
Beiträge: 3

Hallo ich bräuchte Hilfe!
Irgendwas läuft schief, ich habe versucht mein Seitenlayout in TemplaVoilà zu bringen. Leider mit wenig Erfolg. Die meisten Seiten werden zerhackt. Die Seite ist ja ok:
http://www.creative-id.de/dummy-4.1.5/index.php?id=46

Aber die meisten Seiten werden zerhackt.
http://www.creative-id.de/dummy-4.1.5/index.php?id=37

Liegt es an der CSS, an der HTML, an Typo3 oder an TemplaVoilà?

Danke
Verfasst am: 18.04.2008 [10:32]
Kitsunet


dabei seit: 02.02.2006
Beiträge: 1583

Ich behaupte mal es liegt ein deinem CSS. Deine H1 hat einen top-margin. Der verursacht diese Verschiebungen.

<TS> config.baseURL = http://www.kitsunet.de/ </TS>
Verfasst am: 18.04.2008 [11:06]
Supermuh

[Themenersteller]
dabei seit: 17.04.2008
Beiträge: 3

Es gibt nur einen DIV-Tag mit einem margin-top. Der soll Rand zur Browserleiste lassen und das funktioniert auch. Die restlichen tags haben einen margin-top von 0px.

@charset "utf-8";
body {
background-color: #666666;
text-align: center;
margin: 0px;
padding: 0px;
}
#wrapper {
text-align: left;
width: 984px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#up_frame {
margin-top: 24px;
margin-bottom: 0px;
}
#nav_swf {
margin-top: 0px;
margin-bottom: 0px;
}
#mid_frame {
margin-top: 0px;
margin-bottom: 0px;
}
#content_box {
background-image: url(cont.gif);
background-repeat: repeat-y;
margin-top: 0px;
margin-bottom: 0px;
}
#content {
background-repeat: repeat-y;
height: auto;
margin-right: 180px;
margin-left: 180px;
margin-top: 0px;
margin-bottom: 0px;
}
#left_content {
margin-left: 16px;
width: 152px;
float: left;
margin-top: 0px;
margin-bottom: 0px;
}
#right_content {
float: right;
width: 152px;
margin-right: 16px;
margin-top: 0px;
margin-bottom: 0px;
}
#mid_frame2 {
margin-top: 0px;
margin-bottom: 0px;
}
#footer {
margin-top: 0px;
margin-bottom: 0px;
background-image: url(leisteunten2.gif);
background-repeat: repeat-y;
height: auto;
clear: both;
}
#down_frame {
margin-top: 0px;
margin-bottom: 0px;
clear: both;
}
.Stil1 {color: #FFFFFF}
Verfasst am: 18.04.2008 [11:54]
Kitsunet


dabei seit: 02.02.2006
Beiträge: 1583

Ja hab ich gesehen, dann bau doch bitte mal in deine CSS Datei ein:
Html4strict:Zeilennummerierung:  An / Aus

  1. h1{
  2. margin-top: 0;
  3. }


Grüße
Christian

<TS> config.baseURL = http://www.kitsunet.de/ </TS>
Verfasst am: 30.04.2008 [11:32]
Supermuh

[Themenersteller]
dabei seit: 17.04.2008
Beiträge: 3

Das Problem entsteht dadurch, dass Typo3 bei Textinhalten automatisch Abstände (Absätze?) -> rot eingekreist einbaut. Andere Inhalte z.B. Loginfelder haben diesen Abstand nicht. Warum ist das so und wo kann ich es ändern?

http://img405.imageshack.us/img405/1008/abstandgb5.jpg
Verfasst am: 05.05.2008 [12:36]
Kitsunet


dabei seit: 02.02.2006
Beiträge: 1583

Ich vermute mal du hast was anderes als css_styled_content fürs Contentrendering eingestellt. content(default) oder cSet oder so...

<TS> config.baseURL = http://www.kitsunet.de/ </TS>




 
TYPO3 Version 4.2.0 testen

TYPO3 Ver. 4.2.0 testen

Testen Sie die neue TYPO3 Version 4.2.0 kostenlos für einen Monat

TYPO3 Bücher

TYPO3 Workshops


TYPO3 Einführungsschulung
in Berlin:
Montag, 07.07.
in Espelkamp:
Montag, 04.08.

TYPO3 Intensivschulung
in Espelkamp:
Mi., 06.08. - Fr., 08.08.
in Würzburg:
Mo., 18.08. - Mi., 20.08.
in Köln:
Mo., 01.09. - Mi., 03.09.
in Berlin:
Mi., 24.09. - Fr., 26.09.

TYPO3 Extensionschulung
in Berlin:
Mo., 14.07. - Mi., 16.07.
in Espelkamp:
Mo., 11.08. - Mi., 13.08.