Rögzített háttérkép

[enjoys1ng1ng]

div {overflow:hidden;}

Próbáld ki, hátha segít. Ez firefoxban megoldja a túlfolyást. Ugyanerre a problémára IE-ben:

 

div {zoom:1;}

Értelemszerűen a "div"-et helyettesítsd be az általad használt id vagy class névvel.

[KGigi]

A cleart csak amiatt írtam bele, hogy biztosan a többi div alá kerüljön. Az alap ötlet, hogy hátha lehúzza, ha van alatta egy üres lábléc. Én valami ilyesmivel oldottam meg, mikor ilyen problémám volt.

[payskin]

Nem lehetne esetleg látni valahol, hogy miről beszélgetünk?

 

Még mindig nem értem, hogy a történet, ami egy background-attachment: fixed szabállyal megoldható lett volna, hogy tart most ott, hogy már floatot akarunk megszüntetni? Annyira szerettem volna segíteni... ír:

[KGigi]

Közben eszembe jutott, hogy sokkal egyszerűbb, ha beállítod a külső blokk háttérszínét arra, ami a középső blokké.

 

@Balázs

Garono betett egy linket, én azalapján próbálom lekövetni, hogy mi van

[egerecske]

Sziasztok!

 

De, végülis lehetne... csak igazából még a tartalom sincs nagyon készen, és nem vagyok rá nagyon büszke... majd ne nevessetek ki nagyon

 

Itt tartok most

 

Szóval szeretnék középre egy feliratot, ami most látszik is, de az is el van csúszva csúnyán. Azon kívül csak a fehér folt a gond, ha az is meg lesz oldva, akkor már csak a tartalmat kell rendbeszedni. :-)

 

De nélkületek ezt sem hoztam volna így össze

 

Köszi. :-)

[KGigi]

Állítsd a body tag hátterét feketére.

 

Képnek miért akarsz 95%-os szélességet adni?

[Garono]

Állítsd a body tag hátterét feketére.

Ezt javasoltam már.

Esetleg megpróbálhatsz olyan hátteret beállítani, amivel nem látszik, hogy le van vágva a szövegdoboz alja.

 

Edit:

Tehát a CSS-t bõvítsd ezzel:

body {
    background-color: #0D0E12;
}

[egerecske]

nos, a háttér igazából nem fekete, hanem ez a kódja: 0D0E12

Ezt úgy próbáltam beírni, hogy background-color: #0D0E12;

de ennek ellenére ott van a fehér sáv.

 

A kép már nem tudom, miért lett 95%, tegnap mindenfélét próbálgattam, mint látjátok, már táblázatot is csempésztem bele, azt szerettem volna elérni, hogy a felirat-kép mérete is változzon a háttér szélességével, tehát ne legyen olyan, hogy "levágódik" a felirat egy része. Ha lapoztok, akkor látszik, hogy itt "lemarad" a jobb oldala. Azért gondoltam, hogy ha a táblázat a hasáb vagy micsoda értékének a 100 %-a, és ebben középen helyezem el a háttérképet, mondjuk 95%-ban, akkor biztos nem fog lemaradni, de mágis sikerült neki.

[Garono]

http://sanyierikszon.extra.hu/egerecske/new/index.html

 

A logó képén esetleg változtathatsz, de szerintem erre gondoltál.

[egerecske]

Pontosan :-)

 

Köszönöm! Áttanulmányozom azért a forrást, hogy hogy csináltad :-)

 

 

[payskin]

Mint legegyszerűbb megoldás, ha már úgy is táblázunk. Valid XHTML 1.0 Strict. (Majdnem teljesen a Bumeráng mintájára... )

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
    <title>Judit és Viktor musical-oldala</title>
    <style type="text/css">
* { 
    margin:0; 
    padding:0; 
    border: 0; 
    outline:none; 
}

body  { 
    background-color: #0D0E12; height: 100%;
}

table { 
    width: 100%; 
    height: 100%;
    border-collapse: collapse; 
}

td { 
    padding: 0; 
}

td#bal { 
    width: 200px;
    height: 540px;
    background: #0D0E12 url(index_files/Judit.jpg) no-repeat fixed top left; 
}

td#jobb { 
    width: 200px;
    height: 540px;
    background: #0D0E12 url(index_files/Viktor.jpg) no-repeat fixed top right; 
}

td#kozep { 
    padding: 160px 5% 0 5%; 
    background: #0D0E12 url(index_files/kozep.jpg) no-repeat top center;
    vertical-align: top;
}

p { 
    margin: 1em 0; 
    line-height: 1.2; 
    color: #c64f37; 
}

p.j { text-align: justify; }
p.c { text-align: center; }
    </style>
</head>
<body>
<table>
<tr>
    <td id="bal"> </td>
    <td id="kozep">
        <p class="j">Judit és Viktor a Társulat című műsor középdöntőjében ismerkedtek meg. Továbbjutniuk ugyan nem sikerült, de itt kezdődött el az együttműködésük. Első közös fellépésük 2008-ban a Miskolci Illés-klubban volt, ami nagyon jól sikerült. Ekkor döntötték el, hogy komolyan folytatják, és hangfelvételt is készítenek musical, illetve rock-opera részletekből. A felvétel elkészülése után saját honlapot is létrehoztak, így mindenki számára meghallgathatóak ezek a nagyszerű dalok, valamint nyomon követhető Judit és Viktor közös munkája. Fellépéseik sikeresek, hiszen ezek a dalok mindenkihez közel állnak, mindenki ismeri őket, a két énekes pedig törekszik rá, hogy a legtökéletesebb módon adják vissza ezen művek hangulatát!</p>
        <p class="c"><a href="http://menyhertjudit.extra.hu/musical/repertoar.HTML"><img src="index_files/gomb1.jpg" width="75" alt="Repertoár" /></a></p>
        <p class="c"><a href="mailto:judit.viktor@gmail.com">E-mail: judit.viktor@gmail.com</a></p>
    </td>
    <td id="jobb"> </td>
</tr>
</table>
</body>
</html>

Ja, a kozep.jpg-nek a bal oldalából kivettem a sok fekete üres helyet. Nálam most 431x152 képpont a mérete.

 

Tudom, fúj, mert táblára épül.

[egerecske]

Szia!

 

Köszi, ezt is nézem mindjárt :-)

 

Szóval azért volt benne az a "sok fekete üres hely", mert nem akarta középre tenni a képet :-(, és gondoltam, átverem így. Persze ez továbbra sem oldaná meg a különbözõ méretû és felbontású képernyõk problémáját :-)

 

Garono lapjában nagyon tetszett, hogy a kezdõlapon a cím-felirat-kép szépen akkora helyet foglal el, amekkora jut neki, viszont fogalmam sincs, miért, de amikor ugyanebbe a forráskódba tettem bele a következõ oldal szövegét, azon már nem akart "95%" lenni, hanem gyakorlatilag a linkek által elfoglalt szélességhez igazodott csak (vagy máshoz). Itt látható, hogy mit alkottam ebbõl. (Persze lehet, hogy én tüntettem el valamit belõle véletlenül, de ha igen, azt sajnos nem találtam meg :-( )

 

 

Balázs megoldása valóban egyszerûbbnek látszik, ezt is próbáltam adaptálni a második oldalra. itt szépen középen van a cím, csak nem akarja kitölteni a rendelkezésre álló helyet. Mondjuk ha ez nem megoldható, az sem olyan nagy tragédia, de ha már Karácsony van... ;-)

 

És mindannyian tök jó fejek vagytok, hogy így segítetek :-)

 

[egerecske]

ja igen, elfelejtettem csatolni, hogy Balázs kódjából mit csináltam, hát ezt.