Website für Mozilla fitmachen
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abschlu
beispiel
beitrag
beschrieb
datei
design
ebenfall
entsprechende stelle
fehler
gen
kleine sache
margin
navigation
none
opus
paar pixel
schimmer
schreibe
tip
transitional
-
hi,
es geht um www.futurama-orama.de.vu
Ich habe leider keinen blassen schimmer wie ich gewisse sachen so schreibe, dass bei allen Browsern das selbe herauskommt.
2 Sachen die mich am meisten st?ren
1. In der Navigation, die ganzen schriftelementesollen untereinander stehen, und ein paar pixel einger?ckt, was mir unter IE auch gelungen ist
Diese Elemente sind alle folgenderma?en formatiert:
<p><a href="overview.php">?bersicht</a></p>
und in einer externen css datei folgendes dazu beschrieben:
p { margin-left:35px; margin-bottom:0px; margin-heigt:0px; margin-top:0px; line-height:13px; vertical-align:middle; }
sowie
a {font-size:12; font-family:Arial; color:C6D10E; text-decoration:none; margin-bottom:1px; margin-heigt:1px; margin-top:1px; }
Das funzt noch in Opera
2.
Dann ist ja der obere abschluss der orangen linien. Mit IE hab ichs so ausgerichtet, dass alles b?ndig passt.
die 3 Linien sind eine Hintergrundgrafik, rand nach oben hin ist mit einer blauen grafik verdeckt und der abschluss ist ebenfalls durch eine grafik aufgesetzt, wobei hier die grafiken an die abst?nde angepasst wurden (im IE)
hier mal die entsprechende stelle aus der navi:
<td valign="top" align="middle" width="100" height="279" bgcolor="#0080C0" background="site_img/balken.jpg">
<img src="site_img/verdeck.jpg"><br>
<img src="site_img/verdeck2.jpg">
.
.
.
</td>
Das funzt nur im IE
Dann noch ne kleine Sache, die schrift Tabellen hab ich auch in der exterenen css datei definiert.
nur sie ist nur bei IE so gro? wie sie sein soll
table {font-size=11; font-family:Arial; color:white; }
Getestet hab ich neben IE mit Opera, Mozilla und Netscape
Nun br?uchte ich l?sungswege, wie ich das auch den anderen Browsern schmackhaft machen kann.
Ich bedank mich schonmal f?r eure hilfe
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wenn ich dir mal einen Tip geben darf:
http://www.w3c.org
Und dort gibts dann den HTML-Validator:
http://validator.w3.org/ (einfach die URL deiner seite eintragen... sollte das nicht gehen die richtige URL eintragen - also nicht "*.de.vu")
Und es gibt auch einen CSS-Validator:
http://jigsaw.w3.org/css-validator/validator-uri.html
Hier wird einfach die URL deiner CSS-datei eingetragen...
Aslo zum Beispiel: "http://sebbel.xardas.lima-city.de/html/tpl/design.css"
Ach ja, und dort wird dir angezeigt, welche Fehler vorhanden sind...
Wenn du die ausbesserst, wird deine Seite auf mehr oder weniger alles Seiten gleich dargestellt...
Ich habs auch gleich mal durch den Validator gejagt:
Du hast nichtmal einen Doctype angegeben... Das solltest du schon machen, sonst n?tzt W3C nix... Also, Doctype einf?gen:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
Gib einfach das an den anfang der Seite... noch vor dem <html><head>...
Beitrag ge?ndert am 21.10 07:36 von schrotti12
Beitrag ge?ndert am 21.10 07:38 von schrotti12 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
