Autor |
Nachricht |
Fumiko
Threadersteller
Dabei seit: 25.04.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 25.04.2008 21:11
Titel Layout nicht I.E. tauglich? |
|
|
Hallo ihrs,
würde gerne wissen was ich machen kann, damit das Layout auch im I.E. wenigstens lesbar angezeigt wird:
http://bakasushi.de
Vielen Dank schonmal ^-^
PS: Ja, ich bin nicht grad gut im Coden, versuche es mir selbst beizubringen..
Zuletzt bearbeitet von Fumiko am Sa 26.04.2008 12:37, insgesamt 2-mal bearbeitet
|
|
|
|
|
felixabraham
Dabei seit: 28.02.2007
Ort: Leipzig, Halle (Saale)
Alter: 33
Geschlecht:
|
Verfasst Mo 28.04.2008 16:14
Titel
|
|
|
hi,
du solltest dich über diese sache belesen, wenn du einigermaßen konforme layouts erstellen möchtest. Richtig angewandt klappts auch mit dem IE.
Des weiteren solltest du es vorziehen mit div-tags statt tabellen zu arbeiten.
Wenn du nich weiter kommen solltest, einfach eine nachricht schreiben.
|
|
|
|
|
Anzeige
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mo 28.04.2008 16:21
Titel
|
|
|
http://www.css4you.de/
Sehr schön zum ein Arbeiten in Modernes Websdesign mit CSS.
|
|
|
|
|
Fumiko
Threadersteller
Dabei seit: 25.04.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 29.04.2008 01:14
Titel
|
|
|
Vielen Dank ihr beiden ^^
Werde mir das mal anschauen.. div-tags gehören zu CSS, oder? Tut mir leid wenn meine Fragen so dämlich ausfallen...
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Di 29.04.2008 02:28
Titel
|
|
|
Zitat: | würde gerne wissen was ich machen kann, damit das Layout auch im I.E. wenigstens lesbar angezeigt wird: |
1. Fehlerfreien Code aufsetzen.
Ein Validator zeigt dir die Fehler im Code an.
Mein Browser meldet bei der index-Seite alleine 33 Fehler. Es gibt übrigens auch einen Validator für CSS-Code.
Damit der HTML-Validator das Dokument überprüfen kann, mußt du allerdings erst einmal eine Dokumenttypdefinition angeben.
Jedes HTML-Dokument muß zwingend mit einer DTD-Angabe beginnen, wenn du korrekten Code haben willst.
Ansonsten weiß der Validator (bzw. der Browser auch) nicht, um was für eine HTML-Version/Variante es sich überhaupt handelt. Es gibt da Unterschiede, welche Tags erlaubt sind, wie diese verschachtelt werden dürfen/müssen, u.a..
2. Du solltest den Browser mittels Doctype-Switch in den standardkompatiblen Modus schalten, damit einige Dinge wie z.B. das Box-Modell in CSS korrekt umgesetzt werden.
3. Du solltest auf altmodische Methoden zur Seitengestaltung verzichten.
Du setzt auf deiner Seite HTML-Attribute zur Formatierung ein. Mach das mit CSS.
Vergiß all deine Spacer-GIFs. In Zeiten von CSS ist das absolut nicht mehr notwendig.
Du mißbrauchst Tabellen für Layoutzwecke. Tabellen sollten semantisch korrekt eingesetzt werden. D.h. nutze sie nur für tabellarische Inhalte.
Vergiß erstmal komplett dein Layout. Zeichne die Inhalte deiner Dokumente mit HTML semantisch korrekt aus.
Dann kommt das Layout. Dazu setzt du am besten ein externes Stylesheet ein.
Zitat: | div-tags gehören zu CSS, oder? |
Nein. Natürlich nicht. Tags sind immer HTML. CSS kennt Regeln (die aus Selektor, Eigenschaft und Wert bestehen), keine Tags.
Tags sind die Auszeichnungselemente von HTML.
div (division = Bereich) ist ein allgemeines Block-Element zur Textstrukturierung.
span hingegen wäre ein allgemeines Inline-Element zur Strukturierung.
Du brauchst diese Elemente natürlich einmal, um Struktur in dein Dokument zu bringen, wenn semantisch nichts anderes paßt (Überschrift, Absatz, Liste, Tabelle, ...) und damit du das Element später mit CSS ansprechen und formatieren kannst.
Dir scheint es an Grundlagen zu fehlen.
Schau dir die beiden folgenden Links an. Dort solltest du alles finden, was du brauchst.
SelfHTML
Michael Jendryschik: Einführung in XHTML, CSS und Webdesign
Zuletzt bearbeitet von rob am Di 29.04.2008 02:35, insgesamt 1-mal bearbeitet
|
|
|
|
|
aroundthefur
Dabei seit: 16.07.2007
Ort: no matter where we go!
Alter: -
Geschlecht:
|
Verfasst Mi 30.04.2008 11:10
Titel
|
|
|
auf jeden fall neu anfangen. der code is ja schon bissel muffig
gerade das layout bekommt man sehr einfach in css umgesetzt.
habe irgendwann mal das hier gezaubert :
Einfaches CSS Layout!
Vielleicht hilfts ja.
anonsten siehe vorredner
|
|
|
|
|
Psilo
Dabei seit: 20.02.2007
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mi 30.04.2008 14:48
Titel
|
|
|
also erstmal brauchste sowas hier
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>XHTML-document</title>
</head> ...
|
vielleicht auch das mal ersetzen
Code: | <BODY Background="bg.jpg" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=110 MARGINHEIGHT=30> |
hab das in der form noch nie gesehen, kann aber vielleicht auch so stehen bleiben..
aber ich würde es mit folgendem code ersetzen...
Code: | <body style="background-image:url(bg.jpg); left-margin:0; top-margin:0; margin-width:100px; margin-height:30px;"> | (kann aber auch sein, dass ich damit selbst falsch liege)
Auf jeden Fall gibt mir ein Validator folgenden Grund für die Änderung des Definition im <body>
Cause:
The tag contains an attribute that is proprietary to Netscape or Internet Explorer.
und
Code: | <script language="Javascript"> |
mit
Code: | <script type="text/javascript"> |
ersetzen..
dann sind schon mal einige fehler bereinigt..
und evtl zeigt es dir die seite danns chon mal um einiges besser an...
aber im allgemeinen würde ich dir auch empfehlen die seite komplett neu aufzuziehen..
du hast auch wirklich sehr viel quelltext für so wenig inhalt...
freundliche grüße
|
|
|
|
|
Fumiko
Threadersteller
Dabei seit: 25.04.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 01.05.2008 16:33
Titel
|
|
|
Wow, nochmal vielen Dank für die vielen Ratschläge
Kann ich denn jetzt noch was verbessern?:
http://bakasushi.de
|
|
|
|
|
|
|
|
Ähnliche Themen |
{iframe} suchmaschinen tauglich?
Website PDA-Tauglich machen
Photoshop CS2/ oder CS3 64 bit tauglich unter Windows?
Website mit festen Layout in dynamisches Layout umbauen
[CSS Layout] An Fenstergröße anpassendes Layout
Probleme mit Layout - div im layout height="100%"
|
|