Autor |
Nachricht |
lechuza
Threadersteller
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst Mi 04.04.2007 10:49
Titel mehrere "problemchen" bei div-layout |
|
|
hola css-checker,
ich bin dabei folgende seite umzusetzen:
http://www.ridingtherooster.com/david-schuster-realschule/
jetzt hab ich da gleich mehrere probleme.
- zum einen weiß ich nicht wieso ich das logo nicht oben bündig bekomme?
- dann ist im ie der bg fixed wenn man nach unten scrollt.
kann mir da jemand weiterhelfen?
//für die, die es noch gelesen hatten...vergesst das mit dem z-index...das hab ich gelöst bekommen
Zuletzt bearbeitet von lechuza am Mi 04.04.2007 11:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
lechuza
Threadersteller
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst So 15.04.2007 23:37
Titel
|
|
|
hallo freunde des gepflegten css.
kann mir wirklich keiner bei meinen problemen weiterhelfen? ich wäre für jeden hinweis sehr dankbar
|
|
|
|
|
Anzeige
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Mo 16.04.2007 00:00
Titel
|
|
|
nur ne vermutung. aber ich nehme mal an der header ist nicht als background-image im css festgelegt sondern als img-tag. an deiner stelle würde ich einfach mal deinem header-<img> tag die eigenschaft border="0" festlegen.
Gruß el polack
|
|
|
|
|
lechuza
Threadersteller
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst Mo 16.04.2007 00:19
Titel
|
|
|
jo ist so...das ist einfach eine reihe mit den puzzleteilen links, die sind ja auch oben bündig...border=0 hab ich allerdings schon.
der blaue rand ist der div-container, der die vier bilder einschließt.
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 16.04.2007 02:08
Titel
|
|
|
Zitat: | - zum einen weiß ich nicht wieso ich das logo nicht oben bündig bekomme? |
Ich verstehe irgendwie wohl nicht so ganz, was du möchtest.
Eigentlich dachte ich, es geht dir um die Positionierung von "david_schuster_realschule.jpg", welches auf der index-Seite nicht ganz oben ist. Auf http://www.ridingtherooster.com/david-schuster-realschule/schueler.htm ist es aber so positioniert, wie es sein sollte, oder?
Wenn du XHTML einsetzt, dann mußt du inhaltsleere Tags auch als solche kennzeichnen.
Code: | <link rel="stylesheet" href="realschule.css" type="text/css"> |
muß z.B. so aussehen:
Code: | <link rel="stylesheet" href="realschule.css" type="text/css" /> |
oder
Code: | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
muß so aussehen:
Code: | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
Ich würde bei Verwendung von XHTML außerdem lieber mit UTF-8 arbeiten. Aber das ist deine Sache.
Funktioniert natürlich es auch mit ISO-8859-1...
Weiter:
Aus <br> muß <br/> werden.
Und
Code: | <img src="images/navi_schule.jpg" border="0"> |
müßte so aussehen:
Code: | <img src="images/navi_schule.jpg" border="0" /> |
Außerdem ist das alt-Attribut für das Image-Tag zwingend vorgeschrieben. Du könntest es leer lassen (was ich aber nicht empfehlen würde), darfst es aber nicht weglassen.
Code: | <img src="images/navi_schule.jpg" border="0" alt="" /> |
Code: | <table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%"> |
Das Attribut height gehört keinem Standard an. Da du den Browser mittels DocType-Switch in den standardkompatiblen Modus schaltest, wird dieses Attribut ignoriert.
Du kannst es also weglassen. So hast du nicht validen Code und das Attribut hat in diesem Mode eh keine Wirkung mehr.
Brauchst du eine Höhenangabe an dieser Stelle, dann mach das mit CSS.
Wieso mißbrauchst du hier eigentlich Tabellen für Designzwecke? Wenn du mit HTML (Transitional) arbeiten würdest, dann könnte ich das mit den Layout-Tabellen ja vielleicht noch verstehen.
Da du aber mit XHTML arbeitest, würde ich wirklich eine anständige Trennung von Strukturierung und Layout einsetzen.
Nutze XHTML um deinen Inhalt zu strukturieren und nutze CSS um deine Seite zu formatieren.
Und noch ein Tipp zur Entwicklung deiner Site.
Arbeite mit dem Firefox und installiere dir folgende Add-ons:
- HTML-Validator
(Damit werden dir alle Fehler/Warnings im Quellcode angezeigt. Du mußt nicht ständig auf die w3c-Validator-Seite gehen, um deinen Code zu checken.)
- Web Developer
(Da hast du eine große Menge an verdammt nützlichen Tools. Du kannst damit z.B. auch Stylesheets direkt bearbeiten und siehst dann jede Änderung sofort. Du kannst auch verschiedene Elemente farbig hervorheben lassen. Dann müßtest du zum Testen keinen blauen Border reinsetzen, wie du es getan hast...
Und die Webdeveloper-Toolbar bringt noch unzählige andere Dinge mit. Das ist eins meiner wichtigsten Werkzeuge. Solltest du dir mal anschauen...)
Zuletzt bearbeitet von rob am Mo 16.04.2007 02:16, insgesamt 1-mal bearbeitet
|
|
|
|
|
lechuza
Threadersteller
Dabei seit: 23.09.2003
Ort: Höchberg
Alter: 45
Geschlecht:
|
Verfasst Mo 16.04.2007 09:05
Titel
|
|
|
danke für die ausführliche antwort
ich bin nicht so geübt in xhtml, das hab ich natürlich alles schonmal gelesen usw. werds aber in zukunft berücksichtigen.
du hast mein problem schon richtig erkannt. es geht um die positionierung von "david_schuster_realschule.jpg"...sobald man auf schüler.htm geht kommt man auf mein altes layout, welches ich noch mit tabellen erstellt hatte. das neue wurde ausschließlich mit divs gebaut...und hier liegt auch das problem...da bin ich auch noch nicht so firm
//jetzt hab ich komischerweise auch noch abstände zwischen den bildern, obwohl ich nicht getan habe, außer den code xhtml-valide zu machen?
Zuletzt bearbeitet von lechuza am Mo 16.04.2007 09:25, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
css problemchen
2 flash mx problemchen
attachmovie problemchen
JavaScript Problemchen im IE
php // flash problemchen
CSS / HTML Problemchen
|
|