Autor | Zpráva | ||
---|---|---|---|
Whill Profil |
#1 · Zasláno: 8. 10. 2009, 02:23:48 · Upravil/a: Whill
Dobrý den,
potřebuji si nastínovat okraje webové stránky - mám na mysli takový ten efekt aby to působilo plasticky. Řeším to řekl bych standardně přes CSS a to konkrétně tímto způsobem: body { background:#E5E5E5 url('/img/back.gif') repeat-y top center;width:978px;margin:0 auto; } ... jednoduše tedy opakuji malý vycentrovaný obrázek s vyrobeným stínem na levém i pravém okraji, po ose Y až na konec stránky. V IE6/8, Opeře, FF, Chrome a Safari s tím nemám problém až na IE7 (nebo také IE8 v módu kompatibility, což je vlastně právě zobrazování jako IE7), kde se setkávám s tímto: http://dl.getdropbox.com/u/200161/ie7er.png (nahoře výřez správně zobrazené stránky, dole nesprávně) ...zkrátka onen obrázek, který se opakuje odshora dolů je "ustřelený" celkem dost doprava a já nemám nejmenší zdání jak se toho zbavit (nebo si zatím sedím na vedení ). Základní strukturu stránky jsem nahrál zde: http://album.comehere.cz/cwww/index.php .. takže se můžete podívat a na CSS styl se dostanete zde: http://album.comehere.cz/cwww/css/style.css ... výše uvedený kód s obrázkem je hned nahoře (a ještě tam mám jeden soubor se styly http://album.comehere.cz/cwww/css/screen.css ). Kdyby se někomu chtělo, byl bych vděčný za rady jak to pro IE7 ošetřit nebo jak to napsat jinak. .. ještě podotýkám, že stránka je validní. Děkuji |
||
Chamurappi Profil |
#2 · Zasláno: 8. 10. 2009, 02:50:00
Reaguji na Whilla:
Problém v Exploreru 7 při šířce okna 1920 pixelů nepozoruji. Při užším okně už ano. Proč nepoužiješ normální centrování? Nezkoumal jsem tvůj layout zatím moc podrobně, ale myslím si, že si závadu způsobuješ použitým fíglem s pozicováním: #page { position: absolute; top: 0; left: 50%; margin-left: -480px; width: 960px; height: auto; } „ještě podotýkám, že stránka je validní“ 1) Na tom nezáleží. 2) Není. |
||
Whill Profil |
#3 · Zasláno: 8. 10. 2009, 12:11:43 · Upravil/a: Whill
Díky moc za podněty. To s tím schováním za okraj stránky jsem si neuvědomil, takže těch 50% je pryč, použil jsem toho tvého linkovaného návodu.
jinak jsem to přemístil sem: http://album.comehere.cz/cwww/index.php (je to upraveno i v pův. postu) ... protože na tom IC mi to dělalo nějaký bordel kvůli té reklamě co tam automaticky vkládají. Provedená úprava (snad to mám dobře) na mou závadu s obrázkem stínů bohužel nemá vliv. Jinak stránka je validní asi v jak kterém validátoru. |
||
Chamurappi Profil |
#4 · Zasláno: 8. 10. 2009, 17:21:53 · Upravil/a: Chamurappi
Reaguji na Whilla:
Ještě můžeš zrušit šířku na <body>, je zbytečná (i když neškodná — v předchozím příspěvku jsem se mýlil). Všiml jsem si, že používáš na zarovnání <span>u doprava relativní pozicování se zápornou hodnotou right, což je na první pohled špatný nápad. Jen ve velmi vzácných případech se vyplatí pozicovat relativně, většinou to není potřeba a kodér si zdánlivě snadnou fintou zadělává na pozdější nevysvětlitelné problémy. Což je i tvůj případ, i když narážíš spíš na vykreslovací chybu prohlížeče. Ve stylech máš: #aktualizace { position: relative; bottom: 0; right: -300px; } .update-aktuality { position: relative !important; right: -420px; } Existuje více možností, jak závadu zazáplatovat nastylováním obalujících elementů, ale nejsnazší bude, když vyházíš „position: relative“ a zarovnání doprava zajistíš normálně. Děkuji za zajímavou záhadu. S problémem to sice nesouvisí, ale… .zahlavi h2 span { position: absolute; top: 0; margin-left: -42px; padding: 0; width: 960px; height: 240px; } „Jinak stránka je validní asi v jak kterém validátoru.“ Řešíš-li problém s prohlížeči a obracíš-li se na validátor, měl bys volit takový, který užívá přibližně stejné postupy, jako užívají prohlížeče. Tvůj kód baští prohlížeče jako staré dobré HTML (<!doctype> nerozhoduje), takže pokud tě oficiální validátor pochválí, že máš validní XML, nemá to na funkčnost v prohlížečích žádný vliv. Opakuji ale, že na validitě nezáleží. Vady v HTML kódu jsou tolerovány, problém je v CSS. |
||
Whill Profil |
#5 · Zasláno: 9. 10. 2009, 01:57:01 · Upravil/a: Whill
Opravdu děkuji za vyřešení záhady, je vidět, že máš přehled, sám bych to těžko odhalil. Je to holt někdy k údivu co nám prohlížeče připraví, speciálně tedy IE.
Díky i za vysvětlující popisy ke všemu vč. validátoru a na to překrytí textu se také podívám. Takže podle všeho vyřešeno ... čili už jen zbývá popřát všem co nejméně problémů s prohlížeči ... |
||
Časová prodleva: 15 let
|
0