 |
| Hinweise |
Willkommen im TP-Hilfe-Forum!Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst. Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team. Viel Spaß bei Traum-Projekt.com |
29.01.2005, 17:20
|
#1
|
|
TP-Senior
Registriert seit: Oct 2004
Ort: -= Thüringen =-
|
probleme mit div und den explorer
hallo leute,
ich habe eine div box für den header und footer.
man sieht die boxen in allen browsern nur nett im explorer. ich denke mal ich habe da was falsch gemacht :-(.
hier der link zum online demo : schaut bitte hier
und hier der quellcode :
Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
h1, h2, h3, h4, h5, h6, ul, ol, div, address, blockquote, nobr, td
{ font-family: Arial, Verdana, sans-serif; }
body {
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
margin: 0px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.voten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 50px;
background-color: #efefef;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.diagram {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: 9px -12px;
background-repeat: no-repeat;
vertical-align: bottom;
font-size: 14px;
background-image: url('images/diagramm.gif');
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.boxtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
background-image: url('images/thbg.gif');
background-repeat: repeat-x;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-color: #111111;
font-size: 14px;
color: #000000;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.left {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000080;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.center {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.justify {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
line-height: 20px;
vertical-align: middle;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.eintr {
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
color: #0000FF;
line-height: 20px;
vertical-align: middle;
}
.zanz {
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
color: #0000FF;
line-height: 20px;
vertical-align: middle;
}
.linieh {
padding-top: 2px;
padding-bottom: 5px;
}
a:link {
color:#b50000;
padding-left:2px;
padding-right:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-style: normal;
line-height: normal;
}
a:visited {
color:#b50000;
padding-left:2px;
padding-right:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
a:active {
color:#b50000;
padding-left:2px;
padding-right:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
a:hover {
color:#b50000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #EBEBEB;
border-top-width: medium;
border-top-style: solid;
border-top-color: #999999;
border-right-width: medium;
border-right-style: solid;
border-right-color: #999999;
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #EBEBEB;
border-top-width: medium;
border-right-width: medium;
border-top-style: solid;
border-right-style: solid;
border-top-color: #999999;
border-right-color: #999999;
}
#_header {
padding:0px 5px;
background-color:#398592;
text-align:left;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#_fotter{
padding:0px 0px 10px;
margin: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 5px;
clip: rect(0px,0px,0px,0px);
background-color: #FF0000;
}
-->
</style>
</head>
<body><style type="text/css">
<!--
body {
background-color: #0000FF;
}
-->
</style><div class="_header" id="_header">
<br>
</div>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
</style><div class="#_fotter" id="_fotter">
<br>
</div>
</body>
</html>
was habe ich da wieder falsch gemacht, könnte mir bitte mal jemand den fehler sagen...
bedanke mich schon mal ... THX 
__________________
gruß
RanDalt
Ich stehe immer am Anfang - war ich vorher am Ende ... ?
|
|
|
|
29.01.2005, 17:54
|
#2
|
|
TP-Veteran
Registriert seit: Mar 2004
|
In den id und class-Bezeichnungen dürfen keine Unterstriche verwendet werden. Also #fotter statt #_fotter
Und gleichzeitig class und id zu vergeben ist sehr redundant. Einfach nur id - das reicht. Zumal du im CSS keine Klassenangabe definiert hast.
__________________
Grüße, Terry
|
|
|
|
|
29.01.2005, 18:05
|
#3
|
|
TP-Senior
Registriert seit: Oct 2004
Ort: -= Thüringen =-
|
danke @Terry,
hat super geklappt. vielen dank und ein schönes wochenende wünsche ich dir noch und den rest des tp teams.... und allen besuchen !
und wie sieht es mit den anderen css code aus ? ist der in ordnung. kannste da auch mal bitte schauen...
__________________
gruß
RanDalt
Ich stehe immer am Anfang - war ich vorher am Ende ... ?
Geändert von RanDalt (29.01.2005 um 18:12 Uhr).
|
|
|
|
|
29.01.2005, 18:15
|
#4
|
|
TP-Moderator
Registriert seit: Mar 2003
Ort: Hamburg
|
Zitat:
|
Zitat von RanDalt
und wie sieht es mit den anderen css code aus ? ist der in ordnung.
|
Den Code kann man generell sehr vereinfachen, z.B. background  url...) no-repeat; oder ähnliches.
AUßerdem bracuhst du nicht jder Klasse einzeln nochmal die font-family definieren, es reicht vollkommen, wenn du das im body-Tag machst (bei Verlinkung und Überschrift musst du das auf jeden Fall extra machen, glaube ich) |
|
|
|
|
29.01.2005, 18:28
|
#5
|
|
TP-Senior
Registriert seit: Oct 2004
Ort: -= Thüringen =-
|
danke @hero-master
kannst mir mal da ein beispile zeigen mit den background url ?
__________________
gruß
RanDalt
Ich stehe immer am Anfang - war ich vorher am Ende ... ?
|
|
|
|
|
29.01.2005, 18:32
|
#6
|
|
TP-Veteran
Registriert seit: Mar 2004
|
Zitat:
|
Zitat von hero-master
Den Code kann man generell sehr vereinfachen, z.B. background url...) no-repeat; oder ähnliches. |
Da schließe ich mich an. Die ganzen Default-Werte (font-style: normal;
line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; ) kannst du dir sparen. line-height würde ich jedoch generell größer als default empfehlen - z.B. 1.4 (ohne Einheit!). Etwas mehr Durchschuss ist eigentlich immer lesefreundlicher.
Zitat:
|
AUßerdem bracuhst du nicht jder Klasse einzeln nochmal die font-family definieren, es reicht vollkommen, wenn du das im body-Tag machst
|
genau! 
Zitat:
|
(bei Verlinkung und Überschrift musst du das auf jeden Fall extra machen, glaube ich)
|
Nein - warum? Der einzige Fall, wo man es wiederholen muß, sind Tabellen, und das auch nur, weil der IE so dämlich ist...
__________________
Grüße, Terry
|
|
|
|
|
29.01.2005, 18:40
|
#7
|
|
TP-Greis
Registriert seit: Mar 2001
Ort: Berlin, Germany
|
IDs müssen übrigens mit einem Buchstaben beginnen und dürfen keine Unterstriche "_" enthalten!
Das gibt Probleme:
#_header
__________________
“My software never has bugs. It just develops random features ...” 
» DevShack - die Website des freien Webentwicklers Boris
|
|
|
|
|
29.01.2005, 18:49
|
#8
|
|
TP-Senior
Registriert seit: Oct 2004
Ort: -= Thüringen =-
|
danke euch allen.
naja so richtig verstehe ich eure sachen eigendlich nicht.
könnte mir jemand wen es natürlich nicht zu frech ist und zu verlangt mal den css unstellen oder ist es kein fehler wen man es so macht wie es jetzt ist.
ich habe die datei erweitert und als externe jetzt gemacht so sieht sie aus jetzt.
Code:
h1, h2, h3, h4, h5, h6, ul, ol, div, address, blockquote, nobr, td
{ font-family: Arial, Verdana, sans-serif; }
body {
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
margin: 0px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
}
.voten {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 50px;
background-color: #efefef;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.diagram {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-position: 9px -12px;
background-repeat: no-repeat;
vertical-align: bottom;
font-size: 14px;
background-image: url('images/diagramm.gif');
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.boxtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
background-image: url('images/thbg.gif');
background-repeat: repeat-x;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
table {
font-family: Verdana, Arial, Helvetica, sans-serif;
border-color: #111111;
font-size: 14px;
color: #000000;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
.left {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000080;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.right {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.center {
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.justify {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
line-height: 20px;
vertical-align: middle;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
.eintr {
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
color: #0000FF;
line-height: 20px;
vertical-align: middle;
}
.zanz {
font-family: Arial, Verdana, sans-serif;
font-size: 9pt;
color: #0000FF;
line-height: 20px;
vertical-align: middle;
}
.linieh {
padding-top: 2px;
padding-bottom: 5px;
}
a:link {
color:#b50000;
padding-left:2px;
padding-right:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-style: normal;
line-height: normal;
}
a:visited {
color:#b50000;
padding-left:2px;
padding-right:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
a:active {
color:#b50000;
padding-left:2px;
padding-right:2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
a:hover {
color:#b50000;
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
background-color: #EBEBEB;
border-top-width: medium;
border-top-style: solid;
border-top-color: #999999;
border-right-width: medium;
border-right-style: solid;
border-right-color: #999999;
}
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #EBEBEB;
border-top-width: medium;
border-right-width: medium;
border-top-style: solid;
border-right-style: solid;
border-top-color: #999999;
border-right-color: #999999;
}
#header {
padding:0px 5px;
text-align:left;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
background-image: url(../../../incl/picer/_top/bg_top.jpg);
height: 95px;
}
#fotter{
padding:0px;
margin: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
}
nur weiss ich nett so richtig was ich da weg lassen kann, sorry aber es ist nett so mein ding das css.
__________________
gruß
RanDalt
Ich stehe immer am Anfang - war ich vorher am Ende ... ?
|
|
|
|
|
29.01.2005, 18:58
|
#9
|
|
TP-Greis
Registriert seit: Mar 2001
Ort: Berlin, Germany
|
Du musst doch einfach nur lesen, was gesagt wurde - das hier kannst Du überall komplett weg lassen:
font-weight: normal;
font-variant: normal;
text-transform: none;
font-style: normal;
line-height: normal;
Und das hier (bis auf BODY) kann auch überall weg:
font-family: Verdana, Arial, Helvetica, sans-serif;
__________________
“My software never has bugs. It just develops random features ...”
» DevShack - die Website des freien Webentwicklers Boris
|
|
|
|
|
29.01.2005, 19:16
|
#10
|
|
TP-Moderator
Registriert seit: Mar 2003
Ort: Hamburg
|
Zitat:
|
Zitat von Terry
Nein - warum? Der einzige Fall, wo man es wiederholen muß, sind Tabellen, und das auch nur, weil der IE so dämlich ist...
|
wusste ich nicht mehr so genau |
|
|
|
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
|
| Themen-Optionen |
Thema durchsuchen |
|
|
|
| Thema bewerten |
|
|
Forumregeln
|
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 07:29 Uhr.
|
|
