Hallo!
ich nehme mal an das diese Problem beim IE Auftritt. Der hat nen Bug wenn vor der Doctype-definition ein HTML-Kommentar oder auch ein <xml> - prolog steht.
mit folgendem Typoscript...
config.doctypeSwitch = 1
...schiebt man den xml-prolog unterhalb der doctype und der ie fällt nicht mehr in den quirks-mode.
typographic
Hi..
Das Problem habe ich unter Firefox und konqbrowser.
Werde deine Beschreibung testen..
Danke
Aaron
Ist das file mit einem Editor erstellt worden, so ist auch auf die Kodierung zu achten.
Ich hatte manchmal Probleme mit Unicode 8-bit und musste auf ISO Latin 1 konvertieren.
ich sehe gerade...
probier mal zusätzlich noch:
div#menu_oben a { color:#444444; }
denn der Hintergrund stimmt (weiss), die Schriftgrösse schätzungsweise auch, der Innenabstand... passt alles bis auf die Schriftfarbe (korrigiere mich wenn ich da was falsch on-the-fly gerendert habe).
typographic
Huhu
"div#menu_oben" Hats leider auch noch nicht lösen können.
Aber deine Beobachtung war richtig. Bis auf die Farbe wird alles verändert. Komisch !
Gruß
Aaron
#menu_oben a { color:#444444; }
div#menu_oben beschränkt nur auf div-layer mit der id "menu_oben". Id's sollten laut w3c auch eindeutig sein. Also könnte man es auch weglassen wenn man id's auch nur einmalig auf Elemente zuweist..
Ich glaube das 'a' sollte das Problem lösen (einfach obiges code-schnipsel ins stylesheet hinzufügen.
sollte klappen.
Hi
Funktioniert leider auch nicht..
Habe das Codesnipsel per Copy/Paste eingefügt.
Was mir aufgefallen ist:
body {
background-color:#cccccc;
width:850px;
}
Wenn ich den Hintergrund ändere, wird die Änderung auch nicht übernommen !
Hat zwar nichts mit dem Menü zutun.. aber irgendwie wird ein Teil der CSS nicht übernommen.
Ich versteh das imom nicht.
Gruß
Aaron
köntest einen Link posten. Könnte es mir anschaun.
mfg
Hi..
Habe alles Local.
Kann aber gerne mein Quelltext posten.
Quelltext:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<!-- ###DOKUMENT### begin -->
<div id="frame">
<div id="logo">###LOGO###</div>
<div id="menu_oben">###MENU_TOP###</div>
<div id="header"><div id="bilder">###BILDER###</div>###HEADER###</div>
<div id="menu_links"><p>###MENU_LEFT###</p></div>
<div id="content">###CONTENT###</div>
</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
CSS : Codesnipsel habe ich hier wieder entfernt.
body {
background-color:#cccccc;
width:850px;
}
#logo {
text-align:right;
padding:5px;
}
#menu_oben {
background-color:#FFFFFF;
color:#444444;
text-align:left;
#padding-left:5px;
padding-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}
#header {
background-color:#BCD54B;
height:140px;
color:#FFFFFF;
text-align:right;
padding-right:50px;
}
#bilder {
background-color:#FFFFFF;
float:left;
width:230px;
height:140px;
}
#menu_links {
background-color:#EEF6FF;
width:220px;
float:left;
margin-top:1px;
padding-top:10px;
padding-left:10px;
}
#content {
background-color:#FFFFFF;
width:600px;
float:left;
padding-top:20px;
padding-left:10px;
margin-top:1px;
}
Typoscript: [GLOBAL] habe ich hier entfernt, damit die marker wieder funktionieren.
seite = PAGE
# CSS einbinden
#seite.includeCSS {
# file1 = fileadmin/layout.css
#}
seite {
typeNum = 0
bodyTag = <body bgcolor="#ffffff">
# CSS einbinden
stylesheet = fileadmin/typo3_css.css
meta.AUTHOR = Aaron Kreis
meta.DESCRIPTION = typo3 - ein Versuch, die Seite nachzubauen
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/typo3.html
10.workOnSubpart = DOKUMENT
10.marks {
# Logo
LOGO = IMAGE
LOGO.file = fileadmin/images/logo.gif
HEADER = IMAGE
HEADER.file = GIFBUILDER
HEADER.file {
XY = 300, 120
backColor = #bcd54b
# Titel
10 = TEXT
10.text.field = title
10.fontSize = 20
10.fontColor = #fffffff
10.niceText = 1
10.offset = 150, 90
# Titel
20 = TEXT
20.text.field = subtitle
20.fontSize = 12
20.fontColor = #fffffff
20.niceText = 1
20.offset = 150, 115
}
# Ende HEADER.file
# #Bild
# BILDER = IMAGE
# BILDER.file = fileadmin/images/statur.png
# BILDER.file.width = 230
# BILDER.file.height = 140
BILDER = IMAGE
BILDER.file = fileadmin/images/statur.png
BILDER.file.width = 230
BILDER.file.height = 140
BILDER.wrap = <div id="bilder"|</div>
# Diese Bedingung überprüft, ob eine der Angaben in PIDinRootline eine Seiten-ID der rootline ist.
[PIDinRootline = 9]
BILDER.file = fileadmin/images/wasser.png
[PIDinRootline = 10]
BILDER.file = fileadmin/images/gesicht.png
[PIDinRootline = 11]
BILDER.file = fileadmin/images/haus.png
[PIDinRootline = 16]
BILDER.file = fileadmin/images/haende.png
# Menü top
MENU_TOP = HMENU
MENU_TOP.special = directory
MENU_TOP.special.value = 2
MENU_TOP.1 = TMENU
MENU_TOP.1.NO = 1
MENU_TOP.1.NO.linkWrap = | | |*| | | |*| |
# Menü left
MENU_LEFT = HMENU
MENU_LEFT.special = directory
MENU_LEFT.special.value = 7
MENU_LEFT.entryLevel = 1
MENU_LEFT.1 = GMENU
MENU_LEFT.1.NO = 1
MENU_LEFT.1.NO {
backColor = #eef6ff
wrap = |<br />
XY = 200,30
10 = TEXT
10.text.field = title
10.fontColor = #000000
10.fontSize = 10
10.niceText = 1
10.offset = 7, 10
}
# Ende MENU_LEFT.1.NO
MENU_LEFT.1.RO < .MENU_LEFT.1.NO
#MENU_LEFT.1.RO.backColor = #ffffff
#MENU_LEFT.1.RO {
# tmp < .backColor
# backColor = #ffffff
# 5 < .10
# 5.fontColor < .tmp
# 5.offset = 9,23
#}
# Ende MENU_LEFT.1.RO
MENU_LEFT.1.CUR < .MENU_LEFT.1.RO
# Submenü von 'Über uns'
MENU_LEFT.2 < .MENU_LEFT.1
MENU_LEFT.2 {
NO.backColor = #E2F5E5
NO.10.fontColor = #478951
NO.20.file.backColor = #478951
RO < .NO
RO.backColor = #FFFFFF
RO.5 >
CUR < .RO
}
# weisse Linien
20 = IMAGE
20.file = GIFBUILDER
20.file {
XY = 250,1
backColor = #FFFFFF
}
20.offset = 0, 29
# Content - mitte - colPos = 0
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
select.languageField = sys_language_uid
}
}
# Ende marks
}
# Ende seite
# Definition der Überschrift
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
1 = TEXT
1.field = header
1.wrap = <font face="Arial" size="2"><b> | </b></font><br />
2 = IMAGE
2.file = GIFBUILDER
2.file {
XY = [10.w]+10, 28
backColor = white
10 = TEXT
10.text.field = header
10.fontColor = #00aa4b
10.fontFile = fileadmin/fonts/arialb.ttf
10.fontSize = 14
10.offset = 1, 22
10.niceText = 1
}
2.wrap = |<br />
default < .1
}
# Definition des Contents
tmp_tt_content_text < tt_content.text
tt_content.text >
tt_content.text = COA
tt_content.text.10 < lib.stdheader
tt_content.text.20 = TEXT
tt_content.text.20 {
field = bodytext
fieldRequired = bodytext
wrap = <font face="Arial" size="2">|</font><br />
parseFunc < tmp_tt_content_text.20.parseFunc
editIcons < tmp_tt_content_text.20.editIcons
}
Gruß
Aaron
css-File:
#menu_oben, vor padding-left hat sich eine Raute eingeschlichen.
ansonsten sollte es eigentlich klappen.
kann nur nochmal auf die dateikodierung hinweisen: sie sollte ISO Latin 1 sein.
hi
@typographic:
Vielen Dank.. das Ganze funktioniert jetzt 🙂
Gruß
Aaron