Antwort
 
LinkBack Themen-Optionen Thema bewerten Ansicht
  #1  
Alt 06.10.07, 15:26
Forum Newbie
 
Registriert seit: 05.10.07
Alter: 23
Beiträge: 27

Seite Layout Probleme mit IE aber Firefox i.O. www.char...


[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;
}
Vielleicht könnte mir eineer von euch helfen.
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).
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #2  
Alt 10.10.07, 17:43
Forum Stammgast
 
Registriert seit: 19.08.04
Ort: London
Alter: 27
Beiträge: 415
sissi eine Nachricht über ICQ schicken sissi eine Nachricht über Skype™ schicken

....w3c konformer code wuerde helfen....The W3C Markup Validation Service

der code deiner hauptseite hat 105 fehler.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
  #3  
Alt 11.10.07, 07:55
Forum Newbie
 
Registriert seit: 05.10.07
Alter: 23
Beiträge: 27

ok, vielen dank !!!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Wong this Post!Spurl this Post!Reddit! Diesen Post bei linksilo.de bookmarken!
Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ä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


Alle Zeitangaben in WEZ +1. Es ist jetzt 12:01 Uhr.


Powered by vBulletin® Version 3.7.3 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0