Willkommen in der Webstatt Zum Webstatt Blog und Stories
der_nic der_nic am 20.01.08 13:29

Hier befindet sich die komplette HTML Umsetzung des von Carsten Meinecke erstellten "Web2.0"-Designs.

Im Anhang befinden sich alle benötigten Dateien.

Das Design ist kompatibel mit folgenden Browsern (getestet): FF2, Opera9, IE6
Auf anderen Browsern sollte es auch möglichst richtig aussehen, vereinzelte Bugs können aber nicht ausgeschlossen werden. Bei gefundenen Fehlern bitte posten, ich versuche sie dann zu fixen.

Wichtig für den Umgang mit dem IE6: Wenn man die Webseite lokal testet, erscheint eine Sicherheitswarnung, ob man den verwendeten Scripts vertrauen soll. Dieses Verhalten wird durch die Datei iepngfix.htc ausgelöst, welche die mangelnde PNG-Transparenz zu fixen versucht. Um eine korrekte Darstellung der Webseite zu erreichen muss entweder diese Meldung ignoriert bzw. die verwendeten Scripts aktzeptiert werden oder auf einem Webserver gestestet werden.

Eine detailliertere Anleitung werde ich so bald wie möglich nachliefern

netcup.de Warum gibt es hier Werbung?
BNightSpeeder am 20.01.08 15:12

Ich bin mir jetzt nicht sicher aber sollte es nicht eine 100% Breite haben?
Also so:

width:100%;

Ich weiß nicht ob es im Video Tutorial so beabsichtigt war.
Mfg. BNS

mycorner mycorner am 20.01.08 15:21

richtig

sonst ganz gut gemacht ...

footer sollte vll auch ans browser ende ;)

der_nic der_nic am 20.01.08 15:27

Oke Footer wird gefixt.

Die Breite ist verstellbar, einfach im CSS die Definitiondiv#header_wrap, div#subheader_wrap, div#footer_wrap {
width:1000px;
margin:0 auto;
}

löschen/auskommentieren und schon zieht sich die Breite bis ans Browserende.

matschi matschi am 20.01.08 17:37

sehr gut geworden! :)

Ich war mal so frech und hab mir 2 kleine Änderungen erlaubt
1. Breite auf 100%
2. Hab ich den footer ganz am Seitenende positioniert

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt