Autor |
Nachricht |
nanu
Threadersteller
Dabei seit: 31.03.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 10.02.2007 00:36
Titel xhtml u. noch 1. tabelle |
|
|
ich bin gerade dabei meine Webseiten zumindest versuchsweise auch xhtml umzustellen, u. das Layout ohne Tabellen
umzusetzen.
Das funktioniert soweit auch, nur 1 tabelle habe ich bestehen lassen, weil sich sonst der content bzw. die content-box nicht mittig ausrichten ließ.
Gibt es dazu eine Lösung über css, habe schon soviel gesucht und auprobiert
Ansonten ist es ja auch kein wirkliches Verbrechen eine Tabelle stehen zu lassen - Oder?
Zuletzt bearbeitet von nanu am Sa 10.02.2007 00:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
j.r
Dabei seit: 24.08.2005
Ort: Bocholt
Alter: 38
Geschlecht:
|
Verfasst Sa 10.02.2007 01:12
Titel
|
|
|
Nabend,
wenn du was in CSS einen Div mittig ausrichten willst dann versuchst mal so:
Code: |
CSS
----------------------
#container {
width: 600px;
margin: 0 auto;
}
HTML
----------------------
<div id="container">
<div><p>Text</p></div>
</div>
|
lg
j.r
|
|
|
|
|
Anzeige
|
|
|
oliver_mahlke
Gesperrt
Dabei seit: 25.12.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 10.02.2007 09:53
Titel
|
|
|
Das funktioniert wie oben beschrieben über „margin: 0 auto;“ (Abstand oben/unten=0, links/rechts=automatisch) im IE6 nur solange er sich im Standards-Compliant-Mode befindet. Ansonsten gibt man einfach dem übergeordneten Element ein „text-align: center;“ mit. Dann funktioniert das auch im Quirksmode, bzw. älteren.
Dabei dann aber nicht vergessen die Textausrichtung im Container selbst dann wieder anzupassen.
|
|
|
|
|
nanu
Threadersteller
Dabei seit: 31.03.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 10.02.2007 16:58
Titel
|
|
|
Ich habe das mit dem Container
Code: | ..
margin: 0 auto;
.. |
umgesetzt u. so ist nun das Resultat
http://www.woort.de/test-xhtml.html
xhtml u. ohne eine Tabelle
|
|
|
|
|
oliver_mahlke
Gesperrt
Dabei seit: 25.12.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 10.02.2007 17:11
Titel
|
|
|
Geht ja doch.
Nächste Schritte:
1. weg von der DIVITIS (z.B. im „Logo“)
2. Testen, beim anpassen der Schriftgröße verschwindet z.B. der vierte Impressum-Link
Und immer schön eins nach dem anderen. Dann wird das.
Optisch
1. Die linke Spalte nimmt zuviel Breite weg, und drängt den eigentlichen „Kerninhalt“ der Seite an den Rand. Einfach mal die Spalten tauschen! Leserichtung und so.
2. Die Kontraste sind sehr schwach. Der orange Text auf weiß sehr schlecht zu lesen.
Zuletzt bearbeitet von oliver_mahlke am Sa 10.02.2007 17:20, insgesamt 2-mal bearbeitet
|
|
|
|
|
nanu
Threadersteller
Dabei seit: 31.03.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 11.02.2007 19:49
Titel
|
|
|
Zitat: | Testen, beim Anpassen der Schriftgröße verschwindet z.B. der vierte Impressum-Link
|
Was ist hier genau gemeint??
Habe z. B. mit Opera den Text gezoomt u. es war ok.
Ansonsten habe ich den Orange-Ton geändert u. der Content steht nun links
Ich denke auch, dass so die Wahrscheinlichkeit größer ist, das der Text gelesen wird.
Nun die Page:
http://www.woort.de/test-xhtml2.html
Zuletzt bearbeitet von nanu am So 11.02.2007 19:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
oliver_mahlke
Gesperrt
Dabei seit: 25.12.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 11.02.2007 23:07
Titel
|
|
|
1. Der Opera zommt die gesamte Seite, statt nur die Schrift zu vergrößern. Die Verbreitung von Opera ist im Vergleich zu IE und Firefox minimal, daher ist das kein Maßstab.
2. Durch die Angabe der Schriftgrößen in Pixel ist das skalieren im IE6(und drunter) unmöglich
3. Im Firefox z.B. fliegt beim skalieren der Schriftgröße der Impressumslink raus. Bei grotesken Schriftgrößen dann auch die anderen.
|
|
|
|
|
nanu
Threadersteller
Dabei seit: 31.03.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 15.02.2007 18:01
Titel
|
|
|
Jetzt werden die Links auch bei Vergrößerung mit Mozilla angezeigt, allerdings ein Fehler ist immer noch drin.
Nun habe ich auch mal wieder die Farben neu gemischt.
http://www.woort.de/test-xhtml4.html
|
|
|
|
|
|
|
|
Ähnliche Themen |
[XHTML] Tabelle 100%
Fehler?: XHTML 1.1 erzeugt Abstand nach Bild in Tabelle
Höhe aus Tabelle auslesen und in andere Tabelle einfügen
XHTML
xhtml 1.1
Buchtipp: XHTML & CSS?
|
|