![]() |
| | LinkBack | Themen-Optionen | Thema bewerten | Ansicht |
|
#1
| |||
| |||
[GELÖST] hallo, ich habe eine seite erstellt Welcome to The Charcoale Grill in Southampton: Home für meinen Onkel asu England. Ich benutze den Firefox und habe Typo3 damit auch installiert und das template.html uznd master.css erstllet. Als ich mir den mit dem IE angeguckt habe, stellte ich fest, dass einiges im IE nicht angezeigt wird... Ganz unten steht der DOCTYPE der template html. Hier der Code der .css Datei. Code: html,
body{
margin: 0;
margin-top: 5px;
padding: 0;
background-color: #000000;
font-family: Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
scrollbar-base-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-arrow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
}
/* ID Styles Containers */
table {
margin: 0;
margin-top: 2px;
padding: 0;
color: #000000;
background-color:#7F7F7F;
font-family: Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
font-size: 14px;
}
.laufschrift{
margin:0;
padding-top:5px;
background-color:#8a4901;
color:#ffffff;
border:0;
height:18px;
-height:18px;
width:100%;
font-family: Tahoma, Trebuchet MS, Verdana, Arial Narrow, Arial, Garamond, Times New Roman;
font-size:11px;
}
}
.bodyImpressum{
margin: 0;
padding: 0;
color: #000000;
background-color:#666666;
font-family: Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
font-size: 12px;
}
.container
{
width: 867px;
margin:0px;
border:1px solid #000000;
background-color:#666666;
border-left: 2px solid #D9D9CC;
border-right: 2px solid #D9D9CC;
}
.header1
{
padding:0;
color:white;
background-color:#000000;
clear:left;
height:80px;
-height:80px;
border-bottom: 2px solid #D9D9CC;
border-top: 2px solid #D9D9CC;
}
.imgStd{
border: 6px solid #FFFFFF;
margin-right: 5px;
}
.imgTop{
position: relative;
left: 0px;
top: +10px;
}
.imgBottom{
position: relative;
left: 0px;
top: -10px;
}
.impressum{
padding:0;
padding-top: 10px;
padding-right: 5px;
text-align: right;
float: right;
}
.left
{
float:left;
width:200px;
margin:0;
background-color:#333333;
}
.content
{
position: relative;
/* text-align:left;
padding:1em;
margin-left:200px;
*/
text-align:right;
float:right;
background-color:#666666;
}
.mainContent{
height:540px;
-height: 500px; /* IE */
overflow: auto;
/* exploder V6 only */
* html #content
overflow: scroll;
/* exploder V7 only */
*+html #content
overflow: scroll;
float:left;
text-align: left;
margin: 6px 0 0 5px;
padding: 0 5px 0 5px;
width:630px;
border-left: 2px solid #D9D9CC;
}
.footer
{
color:white;
background-color:#000000;
clear:left;
height:105px;
-height: 105px; /* IE */
border-top: 2px solid #D9D9CC;
border-bottom: 2px solid #D9D9CC;
padding:0px 0px 0px 10px
}
/* ID Styles Navigation */
.nav_item {
width: 200px;
}
.navText {
font: bold 11px Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
color: #FFFFFF;
line-height:15px;
letter-spacing:.1em;
border-bottom: 2px solid #D9D9CC;
text-decoration: none;
display:block;
padding:4px 6px 8px 10px;
text-align: left;
}
.navText:hover {
background: #FFFFFF;
color:#E50066;
}
.navTextActive {
font: bold 11px Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
color: #FF3300;
background: #000000;
line-height:13px;
letter-spacing:.1em;
text-decoration: none;
display:block;
padding:8px 6px 8px 10px;
text-align: left;
}
.navEmptyTop {
margin-top: 7px;
}
.navEmpty {
height: 10px;
-height: 5px; /* IE */
}
/* Class Styles */
.smallText {
font: 10px Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
color: #7F7F7F;
line-height: 22px;
}
.footerLink
{
font-size: 10px;
color: #0d7227;
}
.footerLink:link
{
font-size: 10px;
color: #0d7227;
}
.footerLink:visited
{
font-size: 10px;
color: #0d7227;
}
.footerLink:hover
{
text-decoration:none;
font-size: 10px;
color: #0d7227;
}
.contentHeader {
font: 15px Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
color: #000000;
font-weight: bold;
line-height: 20px;
}
.contentText {
font: 13px Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
color: #333333;
line-height: 15px;
}
.ClmLeft {
font-size:13px;font-family: Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
/*border:1px solid #000000;background-color:#efefef;*/
/*color: #ABB400;*/
color: #0d7227;
height:15px;
-height: 15px; /* IE */
width: 210px;
margin-right: 10px;
padding: 0;
float:left;
}
.ClmRight {
font-size:13px;font-family: Tahoma, Garamond, 'Trebuchet MS', Verdana, Arial, Times New Roman;
/*color: #ABB400;*/
color: #0d7227;
/*border:1px solid #000000;background-color:#efefef;*/
height:15px;
-height: 15px; /* IE */
width:260px;
margin-right: 2px;
padding: 0;
float:left;
}
.mainContent img{
border: 1px solid #000000;
} Ich habe hier gesucht und das mit dem "-" gefunden. Habe ich auch eingebaut in die oben gepostete css. Aber es fehlt immernoch etwas glaube ich... Vielen Dank ps.: hier der DOCTYPE der template HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb" lang="gb"> Geändert von chilli2007 (11.10.07 um 08:00 Uhr). |
|
#2
| |||
| |||
| ....w3c konformer code wuerde helfen....The W3C Markup Validation Service der code deiner hauptseite hat 105 fehler. |
![]() |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | Thema bewerten |
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Gelöst Multiflex-Layout: Linke Spalte mit Menü und dynamischen Objekten füllen - aber wie? | thomas-hh | TemplaVoila | 2 | 25.11.07 19:37 |
| CSS-Probleme mit 3spaltigem Layout | hannah | HTML & CSS | 3 | 06.03.07 15:02 |
| Unterschiedliches Layout in IE und Firefox | christina2007 | HTML & CSS | 5 | 24.01.07 15:15 |
| Sch***** IE 6 ... - Probleme mit CSS-Layout | tom | HTML & CSS | 5 | 12.01.07 08:05 |
| rte nur im IE aber nicht im firefox, oder? | sissi | TYPO3 3.x Fragen und Probleme | 6 | 25.01.05 04:13 |