Háttér

[Csuki]

Paddingot is állítsd 0-ra. Vagy ha nem jó, akkor finomíts marginnal vagy paddinggal. De a benne lévő marginnal pozícionált tartalom is széttolhatja.

[chouji]

Miért van az, hogy hiába állítom a margin-t 0 px-re, a header és a középső rész nem ér teljesen össze? :/
Elnézést, kicsit elhamarkodtam a kérdést, közben rájöttem a megoldásra. Bocsi!

chouji

[chouji]

Okés, meg amúgy is az én "megoldásom" azért nem helytálló, mert így a fejlécre nem lehet esetleg valamilyen tartalmat tenni (maximum ezzel a z tengelyes megoldással). De mindegy is. A megoldást megtudtam tőled, így alkalmazni is fogom. Köszönöm mégegyszer!

chouji

[Keveqiah]

Van már lehetőség, hogy több háttérképet beállíts css-ben a body-nak, de "még" nem mindenhol kompatibilis és a visszafelé kompatibilitás miatt is jobb egyenlőre a div + háttér kombó.

[chouji]

Keveqiah!
Köszönöm kipróbálom. Egyébként a tudás hiányában amivel próbálkoztam az a következő:

Kód: HTML

1. <div  id="header">
2. <center><img src="head.png"></center>
3. </div>

Csináltam egy divet a fejlécnek, a css pedig a következő:

Kód: CSS

1. body {  
2. background-image: url(bg.png);
3. background-position: center;
4. margin-top: 0px;
5. }
6.  
7. #header {
8. margin-top: 0px;
9. }

Gondoltam azért megmutatom, tanuló fázisban vagyok.
Köszönöm a segítséget,
chouji

[Keveqiah]

3 div, mindegyiknek beállítod a háttérképet. width 100%- mind a három, a fejléc és lábléc fix magasság, a középső pedig auto, vagy min-height.
A középső divbe pedig mehet a tartalom.

[chouji]

Sziasztok!
Van egy hátterem, amit "megrajzoltam" gimpel és ezt a hátteret három részre daraboltam: fejléc, középső rész és egy lábléc. Azt szeretném megvalósítani - ami egyébként majdnem minden weboldalon így van -, hogy az oldalam háttere felül a fejléc képe legyen, középen a középső rész, ami ismétlődik az y tengelyen és addig nyúlik amíg a tartalom tart, és amikor vége a tartalomnak, lent a lábléc képe legyen a hátterem.
Előre is hálásan köszönöm a segítséget,
chouji

[tomi6230i]

De megcsinálhatod azt, hogy van egy nagyon nagy háttréképed és középreigazítod.

[Keveqiah]

attól függ.
ha a kép mozaik, akkor elég a repeat-x y. a css2 nem támogatja a háttérkép méretezését.

JS-el lehet még játszani, erről bővebben
http://css-tricks.com/how-to-resizeable-background-image/

vagy css3
http://www.w3.org/TR/2002/WD-css3-background-20020802/#background-size
ezt a lehetőséget az IE9 kivételével egyik IE sem támogatja, valamint az FF 3 - 3.5, Safari 4 és  Opera 10.10 sem.

[Складной нож]

Azt meg lehet oldani, hogy a body háttérképe akkora legyen amekkora a böngésző ablak? Tehát ha 1024*768-as a felbontás akkor akkora legyen a kép, ha 1380*XXX a felbontás akkor akkora legyen a kép....?

[superman]

Köszi Rimelek!

**
Ui. és köszi a tanácsokat! Utána is néztem. Átírtam a "g" meg "fontMenues"-eket. <div class"..."> formában vannak már! Köszi szépen!

[Rimelek]

Lenne pár megjegyzésem. Nem hozhatsz létre csak úgy html tag-eket. Nincs se "g" se "fontmenues" tag. Ha ilyeneket akarsz akkor div-et vagy span-t használj és annak adj id-t, ahogy tetted is pár helyen.

A hibád pedig az, hogy a div-nek ugyan van magassága, de ebből kilóg a "p" tag marginja. Vagy a "p" tagnek add meg css-ben a margin: 0px; tulajdonságot, vagy a contents div  overflow tulajdonságát állítsd hidden; -re.
Tehát:

Kód: CSS

1. p
2. {
3.     margin: 0px;
4.     padding-left: 50px;
5.     padding-right: 50px;
6. }

vagy:

Kód: CSS

1. #contents
2. {
3.     background-image: url(images/contents.jpg);
4.     width: 850px;
5.     min-height: 50px;
6.     overflow: hidden;
7. }

[superman]

Sziasztok!

Automatikusan növekvő tartalom mezőt csináltam. 3 képből áll, amik a contents-up.jpg, contents.jpg, contents-down.jpg nevű képek. 3DIV-et csináltam, legfelülre a contents-up.jpg hátterű, alulra a contents-down.jpg, és ami fontos, közéjük a contets.jpg hátterű DIVeket. Tartalom mindig csak a középsőben van, szóval az alsó/felső csak "dísz". A próblémám az, hogy akármennyi tartalmat rakok a középsőbe(automatikusan növekszik), mindig van az alja, és az alsó DIV között egy "üres csík", ami a háttér színével egyezik meg.

A woodoocaudron.ultraweb.hu nevű honlapon nézhetitek meg, "élesben".

Bemásolom a kódokat is:

CSS

Kód: [Kijelölés]

#contentsup
{
    background-image: url(images/contents-up.jpg);
    width: 850px;
    height: 50px;
}

#contents
{
    background-image: url(images/contents.jpg);
    width: 850px;
    min-height: 50px;
}

#contentsdown
{
    background-image: url(images/contents-down.jpg);
    width: 850px;
    height: 50px;
}
HTML

Kód: [Kijelölés]

        <div id="contentsup">
        </div>
        <div id="contents">
            <fontMenues>Föoldal</fontMenues>
            <p>tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. tartalom tartalom tartalom tartalom. </p>
        </div>
        <div id="contentsdown">
        </div>
Próbáltam a lényeget bemásolni, mert elég hosszú... de párszor már én is előlről kezdtem, de már nem tudom mi a gáz. Köszi előre!

[Warner]

Valószínűleg szilveszter másnapján elnéztem valamit... Betöltés: 1.25s
A képek száma viszont tényleg 190 körül van, ha mindent letöltök... Max a firebug listát tudom elküldeni, de nem is akarok én itt bizonygatni semmit, ez nem egy bírósági tárgyalás :-)

Én a Web Develeper Toolbart használtam, a szerint 55 van. Nem lehet, hogy más sablont használunk?

[Suttogó]

A hiba nálad van.

Valószínűleg szilveszter másnapján elnéztem valamit... Betöltés: 1.25s
A képek száma viszont tényleg 190 körül van, ha mindent letöltök... Max a firebug listát tudom elküldeni, de nem is akarok én itt bizonygatni semmit, ez nem egy bírósági tárgyalás :-)