Gelöst - 2 Probleme CSS und MENÜ

lechus · #1 10.04.08, 17:29

Hallo habe mit meinem ersten kleinen Projekt in Typo3 begonnen. Da ich letztes mal nur eine Antwort bekommen habe, habe ich es auf eine andere Weise probiert und stehe wieder vor einem kleinen Problem.

1. Das Menü, dass ich mit CSS erstellt habe wird auch angezeigt wenn ich es ins Typoscript einbinde, aber es werden keine IDs vergeben, sprich keine andere Seite ist aufrufbar:
Seite: Ferienwohnung Frank Vögele

Typoscript:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

page = PAGE

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = index*.html
workOnSubparts = DOCUMENT_BODY

subparts.CONTENT <styles.content.get
marks.EINEBENE = HMENU
marks.EINEBENE.1 = TMENU
marks.EINEBENE.1.NO {
wrapItemAndSub = <li class="navi01">|</li>||<li class="navi02">|</li>||<li class="navi03">|</li>||<li class="navi04">|</li>||<li class="navi05">|</li>||<li class="navi06">|</li>||
}

marks.EINEBENE.ACT = 1
marks.EINEBENE.1.ACT = 1{
allWrap = <li class="navigation"> | </li>
}

HTML-Code:

<div class="navigation"> <!-- ###MENU### start --><ul> <li class="navi01"><a href="#">Willkommen</a> | </li> <li class="navi02"><a href="#">Information</a> | </li> <li class="navi03"><a href="#">Lage / Anreise</a> | </li> <li class="navi04"><a href="#">Preise</a> | </li> <li class="navi05"><a href="#">Fotos</a> | </li> <li class="navi06"><a href="#">Kontakt</a></li> </ul><!-- ###MENU### stop --> </div> <!-- ende navigation -->

Ich weiß nicht, was ich falsch gemacht habe.

2. Dieses Problem ist eher sekundär, und ist ein Anfänger Problem. Wie ihr auf der Seite sehen könnt, geht die div Box auf der rechten Seite über den Footer.
CSS-Datei: http://www.frank-voegele.at/cms/file...ankvoegele.css

Hoffe mir kann jemand weiterhelfen.
Freue mich schon auf eure Antworten

t3tob · #2 11.04.08, 09:03

Zitat:

1. Das Menü, dass ich mit CSS erstellt habe wird auch angezeigt wenn ich es ins Typoscript einbinde, aber es werden keine IDs vergeben, sprich keine andere Seite ist aufrufbar

Sieht aus als wenn du das Problem bereits gelöst hast.

Zitat:

2. Dieses Problem ist eher sekundär, und ist ein Anfänger Problem. Wie ihr auf der Seite sehen könnt, geht die div Box auf der rechten Seite über den Footer.

Optimiere deine Layout Struktur. Im Moment sieht es bei dir so aus.

Code:

<div class="navigation"></div>
<div id="content"></div>
<div id="right"></div>
<div id="footer"></div>

Damit dein Footer nicht mehr überlagert wird, würde ich dir folgendes vorschlagen. Ich habe es bereits offline mit deiner Seite getestet. Es funktioniert.

Code:

<div id="navigation"></div>
<div id="main">
  <div id="content"></div>
  <div id="right"></div>
</div>
<div id="footer"></div>

Content und Right definieren die dynamische Höhe von Main. Da Right nie grösser als Main werden kann, wird dein Footer auch nicht mehr überlagert.

Tipp: Deine Navigation kannst du ruhig eine ID verpassen, da es diese ja nur einmal geben wird.

lechus · #3 11.04.08, 13:00

ah okay, vielen Dank hat eigentlich geklappt.
Hab jetzt nur die 2 divs (content und right) in eine tabelle gesteckt, da ich es anders nicht auf die reihe brachte

t3tob · #4 11.04.08, 14:50

Deine Tabelle bezweckt in diesem Fall das gleiche wie mein Vorschlag mit dem <div id="main"></div>. Wenn dir die Lösung mit der Tabelle genügt, dann kannst du gerne dabei bleiben.

lechus · #5 15.04.08, 07:50

ja vielen Dank, das mit dem main div hab ich auch probiert, aber das hat nicht so recht geklappt.

Habe jetzt noch ein kleines Problem:
wenn ich das Template lokal aufrufe, dann funktionierts im Firefox und im IE ohne Probleme aber wenn ich es eingebunden mit Typo3 aufrufe, dann ist es im IE linksbündig aber im Firefox so wie es sein sollte. Liegt ja wahrscheinlich an der CSS, aber ich weiß nicht welchen Befehl ich dazu ändern bzw. hinzufügen muss.

CSS Datei:
http://www.frank-voegele.at/cms/file...ankvoegele.css

t3tob · #6 15.04.08, 08:10

Hallo,

was sagt dein DOCTYPE? Ist der anders definiert gegenüber deiner Offline Version?

lechus · #7 15.04.08, 08:43

Ja, habs gerade versucht im Typoscript zu ändern, aber haut auch nicht funktioniert.

OFFLINE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Typo3 Version:
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

t3tob · #8 15.04.08, 08:54

Hallo,

den DOCTYPE kannst du im TYOP3 wie folgt ändern:

Code:

# -----------------------------------
# XHTML Transitional
# -----------------------------------
config.xhtml_cleaning = all
config.doctype = xhtml_trans
config.htmlTag_langKey = de
config.xmlprologue = none

Damit bekommst du den gleichen DOCTYPE wie in deiner Offline Version.

lechus · #9 15.04.08, 09:29

OK Vielen Dank, damit dürfte jetzt alles klappen mit meiner ersten Typo3 Seite.

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Probleme mit Menü 2. Ebene	manuel.moser	GMENU, HMENU, TMENU und Co.	1	06.04.08 20:37
Menü Probleme	Neobase	TYPO3 4.x Fragen und Probleme	2	11.03.08 10:54
Probleme mit Menu-Umsetzung	Sascha_77	TYPO3 4.x Fragen und Probleme	0	06.01.08 22:32
Neuling: Probleme mit Menü	Schengo	GMENU, HMENU, TMENU und Co.	10	16.07.07 17:14
Newbie Probleme mit Menü	tinitus	GMENU, HMENU, TMENU und Co.	1	07.12.05 12:39

Suche

Userpanel