|
|||
XHTML, CSS und Hintergrundgrafiken ...
Hi, Leute ich mache gerade für meinen selbstgecodeten Blog (in PHP mit Mysql) ein Template.
ich habe es soweit es geht in XHTML 1.0 Strict geschrieben und verwende für die Grafiken css. So nun habe ich ein Problem: hier mal anschauen, bitte: http://2-takter.immortal-forces.net/blog ^^ Katastrophe. Hier mal der Quellcode: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title><? $fos.title; ?></title> <style type="text/css"> * { padding: 0; margin: 0; border: none; } body { font-family: Verdana, Arial, Helvetica, sans-serif; background: url("images/interface_17.gif") repeat-y center; font-size:10px; color: #000; text-align:center; } h1 { font-size: 12px; color: #000; } h2 { font-size: 11px; color: #000; } h3 { font-size:10px; color:#000; } /* Für Quellcode-Beispiele im Text */ code { color: #777; } /* Der Kasten mit dem Quellcode */ pre { margin: 10px; padding: 10px; border: 1px solid #777; color: #777; } /* Die Titelzeile */ #title { padding-top:15px; height:24px; } /* Das Menü */ #menu { color:#000; text-align:center; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 5px 0 5px 0; } #menu ul { list-style-type: none; } #menu ul li { display: inline; padding: 0 10px 0 0; } #menu ul li a { color: #000; text-decoration: none; } #menu ul li a:hover, #menu ul li a:active { color: #2E5040; text-decoration: underline; } /* Der Inhalt */ #content { padding: 20px; color: #000000; } #footer { border-top: 1px solid #000; background: url("images/interface_15.gif") repeat-y center; padding: 0px; color: #000000; text-align: center; /* Damit zentrieren wir das Bild */ } /* Logo */ #menu2 { background: url("images/interface_16.gif") repeat-y center; text-align: center; /* Damit zentrieren wir das Bild */ } #menu3 { background: url("images/interface_11.gif") repeat-y center; text-align: center; /* Damit zentrieren wir das Bild */ } #logo { text-align: center; /* Damit zentrieren wir das Bild */ } </style> </head> <body> <div id="logo"> [img]images/header.gif[/img] </div> <div id="menu2"> </div> <div id="menu3"> </div> <div id="body"> Test!</p> </div> <div id="footer"> </div> </body> </html> Und da ist ne schware Linie mitten durchs Bild. Außrdem stimmt was mit dem header im IE nit. im originalen nicht valide sieht es so aus .... http://2-takter.immortal-forces.net/blog/original.html Hoffe mir kann jemadd sagen wo meine Fehler liegen ... MfG und Danke im Vorasu Dennis aka weightwatcher |
Sponsored Links |
|
|||
k, danke das Problem wäre schon mal gelöst. Wenn mir jetzt noch einer sagen kann, warum das Logo nicht ganz zentriert wird, und wo die restlichen Grafikens ind dann wäre ich sehr glücklich.
Ach btw. Wie kann ich denn die Footergrafik immer unten halten, d.h. dass der footer div immer ganz unten ist, egal wie lange der content ist. Gehts dann per clear: right/left oda so ... MfG und Danke im Voraus Dennis aka weightwatcher |
|
|||
Ich check des einfach nit. Ich habe dort Hintergrundbilder festgelegt eun die fehlen ganz einfach. Des gibts doch nit. Der Footer fehlt, und das Menu2 und 3 aúch. Wenn cih jedoch die Grafiekn anstatt als Hintergrundbilder als Grafiken mache, dann werden die Grafiken angezeigt.
Hoffe mir kann jemand helfen, dass so zulösen, dass die Grafiken als Hintergrundbilder erscheinen. Und wie kann man den footer immer untenhalten, d.h. ohne das er nach oben rutscht? ^^ Quelltext mit CSS steht ja oben ^^ MfG Dennis aka weightwatcher. |
|
|||
Zitat:
Zitat:
Ergo: gib eine Höhe an!
__________________
Grüße, Terry ... die immer noch sporadisch mitliest, auch wenn sie sich wenig zu Wort meldet ... |
|
||||
wie wäre es mit width und height?
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
|||
also z.b. Dann so:
Code:
#footer { border-top: 1px solid #000; background: url("images/interface_15.gif") repeat-y center; witdh: 216; hight: 121; padding: 0px; color: #000000; text-align: center; /* Damit zentrieren wir das Bild */ } oda was ? MfG und Danke im Voraus, Dennis aka weightwatcher... |
Sponsored Links |
|
||||
probiers aus ?!
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Aus PSD - XHTML + CSS bauen... | 7lives | CSS | 3 | 08.10.2010 09:54 |
Automatischer Code-Formatter für (X)HTML und CSS | schmaidt | (X)HTML | 2 | 12.04.2010 18:57 |
Suche Tipps für Schulungen rund um XHTML + CSS | Andreas Brantsch | (X)HTML | 0 | 13.12.2006 15:09 |
IE6, CSS, Anker und XHTML | Smirftsch | CSS | 7 | 14.02.2006 18:50 |
XHTML und CSS buch Empfehlung | Y05h1 | Ressourcen | 5 | 07.02.2005 11:28 |