|
|||
Mal einmal drübergucken...
Guten Abend...
Habe mal versucht, ein Layout über CSS zu erstellen - fürchte aber, dass es nicht ganz verträglich mit einigen Browsern ist... Außerdem weiß ich nicht, ob der Code so richtig ist oder ob etas bei mir funktioniert, obwohl es laut Quellcode gar nicht funktionieren dürfte... Werft mal einen Blick drüber und gebt mir ein kurzes Feedback (nur auf CSS bezogen)... Hier der Link... Code:
body { background-image: url(../grafiken/bg_1280.jpg); background-position: top; } /* Logo */ #logo { float: left; } /* Header bzw. Banner */ #header { border: 1px solid #000; width: 800px; float: right; } /* Menü */ #menu { float: left; } /* Content bzw. Inhalt */ #content { border: 1px solid #000; width: 800px; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-top:10px; float: right; } /* Footer bzw. Fußzeile */ #footer { clear: both; border: 1px solid #000; background-color: #e4e4e4; width: 960px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-top:10px; filter:alpha(opacity=40); -moz-opacity:0.4; -moz-border-radius: 10px; } /* Listen */ .ul { list-style-type: discus; } /* die einzelnen Menüboxen auf der linken Seite */ .menucontainer { border:1px solid #000; width:120px; margin-top:10px; } /* die Titelzeile der einzelnen Menüboxen */ .menutitle { border-bottom: 1px solid #000; background-color: #e4e4e4; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: right; padding-right: 3px; filter:alpha(opacity=40); -moz-opacity:0.4; } /* der Inhalt der einzelnen Menüboxen */ .menulink { display: block; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding-left: 3px; } |
Sponsored Links |
|
|||
Hallo...
Gibt es Gründe, warum ich auf meine Seite kein Feedback bekomme...? Habe mir die Seite gerade mal im IE 5 angesehen - da ist sie total zerschossen... Warum ist das so...? Wäre nett, wenn ihr mit bezüglich der CSS Angaben helfen könntet, damit dioe Seite auf allen Browsern gleich aussieht... Habe versucht, nur CSS Eigenschaften für das Layout zu nehmen, die alle Browser unterstützen - aber irgendwie muss mir dann wohl ein Fehler unterlaufen sein... |
Sponsored Links |
|
||||
Moin,
Du hast ein paar Schnitzer im Code, z.B. doppelter Doctye etc.pp. Ich würde Dir empfehlen, mal die Seite zu validieren. Result for http://www.sebastian-vogt.de/test/main.php - W3C Markup Validator Was das Layout angeht: mich persönlich würds jetzt nicht so ansprechen, die Hintergrundfarbe ist viel zu dominant, es fehlt eine klare optische Strukturierung. Gruß, paul_le
__________________
Entweder man lebt, oder man ist konsequent |
|
||||
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
|||
Zitat:
Die Seiten werden ja alle im Inhalt (content) mit PHP includiert... Diese Seiten müssen aber doch auch ein DOCTYPE haben, damit der Browser gleich weiß, mit was er es zu tun hat - oder liege ich da jetzt falsch...? Nur wenn es benötigt wird, steht es auch im Quelltext... Zum Layout: Gibt sehr viele unterschiedliche Meinungen dazu... Von sehr gut bis sehr schlecht... Wenn es den Leuten gefällt, für die ich das mache, bin ich zufrieden... Zum floaten: Habe die Seiten gerade mal auf die schnelle überflogen und was mir aufgefallen ist: In einem Text stand, dass Elemente, die die Eigenschaft float besitzen, eine Größe haben müssen... Mein Menü hat noch keine Größe (im Menü liegen die drei Conatiner)... Also werde ich dem Menü zu Hause mal eine Größe geben... Anderes Thema: Habe zu Hause den IE6 und kann nur in der Schule mit IE5 testen... Beide parallel auf einem System laufen zu lassen geht ja leider nicht - was gibt es sonst für Lösungen...? Wie testet ihr eure Seiten mit verschiedenen Browsern...? |
|
||||
Zitat:
evolt.org - Browser Archive P.S. Da gibts ne gute Seite: http://browsershots.org/
__________________
Entweder man lebt, oder man ist konsequent Geändert von paul_le (06.12.2006 um 12:11 Uhr) |
|
|||
Wie meinst du das...? Der / das Content ist ja eine Ebene... In dieser Ebene habe ich lediglich einen Includebefehl...
<?php include ("case.inc.php"); ?> In der Datei sind alle Auswahlmöglichkeiten drin: case impressum: include("bla/impressum.php") break; Daher verstehe ich das jetzt nicht so ganz... Ich meine, ich muss mir doch die Datei / Seite in den Content laden oder nicht...? Danke für den Link mit dem Browser - werde ich mir gleich mal durchlesen... Super Link (wo ich die Screenshots bekomme) - das ist doch mal eine gute Hilfe... Anderer Link: Verstehe ich das richtig, dass ich mir nur die Brwoser runterladen muss, die installiere und sie somit parallel laufen können, ohne dass der eine (z.B. IE6) den anderen (z.B. IE5) beeinflusst...? Bin dem englischen leider nicht so mächtig... Geändert von blue_orange (06.12.2006 um 12:21 Uhr) Grund: EDIT: |
|
|||
Zitat:
Das Dokument, das der Browser bekommt, hat genau *eine* Doctype-Angabe -- und die steht am Anfang. Die inkludierten Fragmente dürfen keine weiteren Doctypes irgendwo hinterlassen. Validier deinen Code -- dann siehst du deine Fehler selbst. Zum Layout: das Hintergrundbild ist extrem dominant; die Texte sind nur mit großer Anstrengung lesbar. Nicht gut. Deine Besucher sollen sich anstrengen, wenn sie mal in deinem Studio sind, nicht schon beim Besuch der Seite. |
|
|||
Für Multiple IE gibt's inzwischen auch einen "Installer".
|
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|