Funkčnost stránek - v každém prohlížeči se zobrazují jinak Vyřešeno

[p.bublik]

Zdravím,
potřeboval bych poradit, nejedná se o profi stránku, ale dělám si www stránky a když mam zhruba 50%hotovo toho co jsou mé představy tak jsem narazilna problém, v každém prohlížeči se to zobrazuje jinak.
Jedná se především o ohraničení tabulky která má dělat po stranách pouze proužek, správně se to zobrazuje ve Firefoxu ale když dam Operu nebo IE tak je tam ještě jeden zbytečný rám kolem dokola, nicměné hlavní problém je že když to pustím ve starší verzi IE 7 - 8 tak se nenačtou css a všechno je seřazený pod sebe na střed stránky.
Poradíte v čem je problém a jak ho odstranit aby to šlo tak jak má?
Odkaz je

http://www.penzionubizona.cz

Moc díky

[Reklama]

[Deny18]

Tak si stáhni Google Chrome. Já ten proužek (ohraničení) stránky v Chromu vidím.

[p.bublik]

jako tady

ten proužek se nezobrazuje pouze u Firefoxu a Opery. jinde ano, potřboval bych aby to sedělo všude stejně případně to řešit jiným způsobem, ale chtěl jsem spíš poradit s tím strším IE8 kde se to nezobrazuje korektne

[shen477]

Udělej si 2 soubory se styly - jeden pro prohlížeče, ve kterých se zobrazuje korektně (Chrome, Opera, Firefox) a druhý pro IE. V tom pro IE udělej třeba nějaké kompromisy, aby se to jakž takž zobrazovalo. Potom na stránky do hlavičky vlož podmíněný komentář:

Kód: Vybrat vše

<!--[if gte IE 7]><link rel="stylesheet" href="style_pro_IE.css"><![endif]-->


A pod to můžeš dát normální style:

Kód: Vybrat vše

<link rel="stylesheet" href="style.css">

[p.bublik]

no já sice nemám možnost to otestovat na ie8 a méně, mam jen otisky obrazovky a přijde mi že pravě u te starší verze ie ten styl vubec nefunguje, je to všechno zarovnaný na střed

[shen477]

Tak si místo stylu pro IE nahoď něco takového jako mají tady. Ať si aktualizují prohlížeč, když mají IE7. V IE 8 by měl styl fungovat bez problému.

Kód: Vybrat vše

<!--[if lt IE 7]><script>window.location.replace("-neaktualniprohlizec.html--"); </script><![endif]-->

[p.bublik]

Druha varianta je dobrá, ale stejně by mě zajímalo proč se do te IE7 a 8 nenačte ten css a neda to třeba nějak rozhazený ale přijde mi že to uplně ignoruje?

Chtěl bych nějak vyřešit o ty čáry po stranách. Nějaký nápad? Co třeba tři buňky prevní šíře třeba 1px druha přes celou čířku text a třetí zase 1px? než dělat ohraničení?

Na monitoru to přeskakuje když dám na Tipy pro výlet a pak na něco jineho tak to poposkočí ale css je nastaveny správněmusí to dělat nějaká tabulka, nebo to je tím že tam je delší text s obrazky.

[Tholus]

Nepoužívej tabulky na sestavování designu webu, je to zastaralá a ne moc funkční technika co se optimalizace týče. Hoď to vše do divů.

[p.bublik]

a jak bych tedy udělal postraní čáry? udělat div s obrázkem a usadit do stránky? jenže každá stránka je jinak dlouhá, to bych musel dělat na každou stránku extra proužek? nebo nebylo by lepší udělat do divu jedno okno zadat šířku a výšku a barvu?

[Tholus]

Divem. http://www.jakpsatweb.cz/css/border.html

[p.bublik]

já prostě nevím jak mam tedy začít, když mam tohle blbě :( takže místo tabulky udělat border o šířce, barvě a výšce a divem v css usadím?

[Tholus]

Stačilo by použít jeden div, který by obaloval celou stránku (ten už tam nejspíš i budeš mít, kód jsem nějak moc nestudoval) a u něj nastavit border-right a border-left.