Autor |
Nachricht |
parisvancouver
Threadersteller
Dabei seit: 14.09.2007
Ort: www.graphicdesignworld.de
Alter: -
Geschlecht: -
|
Verfasst Mi 30.07.2008 19:33
Titel html hintergrund 3 teile |
|
|
hallo,
bin printer, ich möchten einen 3-teiligen hintergrund erstellen:
einen "kopfbereich"
einen "Inhaltsbereich" der soll je nach in der inhaltslänge länger oder kürzer sein
einen "Fußbereich"
hab mir jeweils in ps, ein bild gemacht und hab jedes in ein div-tag(css) als hintergrund gesetzt. wird nur angezeigt wenn text drinne ist.
wie bekomme ich es dazu, dass es auch ohne inhalt angezeigt wird???
thx
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 30.07.2008 23:27
Titel
|
|
|
zeig doch mal was du bis jetzt gemacht hast.
also dein CSS/HTML sourcecode
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 30.07.2008 23:58
Titel
|
|
|
Natürlich wird ein Element nur sichtbar sein wenn es Inhalt enthält oder z.B.
eine feste Größe per CSS erhält. Und weil die Frage wohl gleich auch noch
aufkommt:
http://www.google.de/search?q=faux+columns
|
|
|
|
|
parisvancouver
Threadersteller
Dabei seit: 14.09.2007
Ort: www.graphicdesignworld.de
Alter: -
Geschlecht: -
|
Verfasst Do 31.07.2008 18:08
Titel
|
|
|
ich wollte das so wie auf meiner homepage machen in ff wird es richtig angezeigt(moz-befehl: abgerundete ecken), aber ich möchte das es auf allen browsern richtig angezeigt wird
Mein code:
Code: | <head>
<meta http-equiv="Content-Type" content="text/css; charset=utf-8" />
<title>Unbenanntes Dokument</title>
</head>
<style>
body{
text-align:center; width:768px;}
#head{
height:auto;
width:100%;}
#head1{
background-image:url(../../../../header.gif); background-repeat:no-repeat;}
#head2{
background-image:url(../../../../center.gif); background-repeat:repeat-y; height:auto;background-image:url(../../../../footer.gif); background-repeat:no-repeat;}
#head3{
background-image:url(../../../../footer.gif); background-repeat:no-repeat;}
</style>
<body>
<!--Head -->
<div id="head">
<div id="head1">
</div>
<div id="head2">
a</div>
<div id="head3">
</div>
</div>
</body>
</html>
</code>
in dreamweaver wir es bis zum inhalt angezeigt in den browsern garnicht. Das IE nich w3c konform ist und dreamweaveranzeigt was er will, weiß ich. gib et ja noch Safari opera etc. |
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
Verfasst Fr 01.08.2008 09:52
Titel
|
|
|
parisvancouver hat geschrieben: | ich wollte das so wie auf meiner homepage machen in ff wird es richtig angezeigt(moz-befehl: abgerundete ecken)..... |
moz-befehl wird nicht in nicht-mozilla-browsern funzen, is mal klar.
dem teil vlt mal nen doctype zu verpassen, könnt auch nicht schaden und die bildpfade solltest auch mal überdenken.
ansonsten würd ich abgerundete ecken über grafiken lösen, wenns überall funzen soll
|
|
|
|
|
parisvancouver
Threadersteller
Dabei seit: 14.09.2007
Ort: www.graphicdesignworld.de
Alter: -
Geschlecht: -
|
Verfasst Fr 01.08.2008 18:19
Titel
|
|
|
soweit bin ich auch schon, das das mit moz nicht klappt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Häufig verwendete Teile von html-Datei auslagern
html hintergrund
[HTML] Bild in den Hintergrund?
DIN A4 Hintergrund als HTML-Seitenhintergrund
Html Tabellen reihen hintergrund
[html] hintergrund nicht wiederholen
|
|