ugrás a tartalomhoz

css AvantBrowser segítség

borkaa · 2009. Nov. 23. (H), 23.52
Sziasztok!
Css elrendezésbeli problémával fordulok hozzátok.
Az alábbi linken egy olyan oldalelrendezés került bemutatásra ami alapján egy honlapot szeretnék csinálni viszont van vele egy kis baki.
Rájöttem hogyha a main-content-ben lévő tartalom kisebb helyet foglal el mint a left-sidebar akkor az "levágja" a menümet is..
Ezt aztán végül megoldottam úgy, hogy a main-content-nek adtam egy min-height-ot.
DE az Avant Browser-ben nem működik :(
Firefox, Chrome, Safari IE8 vígan viszi de az Avant nem..
Van valakinek magyarázata / megoldása erre? Vagy lehet a böngésző hibája?
Előre is köszönöm a segítséget!
‹ menü probléma Opacity fade nem működik osztály esetén ›
 ■
1

Webfejlesztés

Poetro · 2009. Nov. 24. (K), 00.41
Hát érdekes állat ez az Avant Browser, mert valamilyen IE (Trident motor), de valami igencsak furán van átszabva, mert teljesen mások a betűméretek. Igazából nem tudom milyen problémád van, mert a betűméretet leszámítva a linkelt oldal igencsak hasonlóan néz ki minden böngészőben.
Az Avant Browserre miért esett a választás? A felhasználók azt fogják használni nagyrészt? Érdemes egyáltalán erre a böngészőre optimalizálni a weboldalt? Milyen pontos képességei vannak? Milyen webfejlesztői segítséget ad, ami miatt érdemes lehet használni?
2

nos

borkaa · 2009. Nov. 24. (K), 19.20
Nem vagyok Avant fan :) sőt..
Nem is célom, hogy arra fejlesszek, csak ellenőrizni akartam a lapomat a "népszerű" böngészők körében és ez az egy ahol nem működött jól.
Igazad van a link amit beszúrtam ebben a formában tényleg mindenhol működik.
A gond akkor keletkezik amikor kitörlöm a hosszú sok lorem ipsum szöveget a main-content-ből mert akkor "összemegy" az egész oldal. Ezt küszöböltem ki a min-height megadásával amit az Avant nem szeretett.
Ötlet?
üdv
4

Népszerűség

Joó Ádám · 2009. Nov. 24. (K), 21.58
Hát nem tudom, de szerintem nem sok embert találsz itt, aki Avant Browserre optimalizálná az oldalait. Legalábbis én nem tudok róla, hogy különösebben elterjedt volna.
3

csak rá kellett volna

csman007 · 2009. Nov. 24. (K), 20.02
csak rá kellett volna keresned a googleban, ezzel a JSsel meg tudod oldani, h melyik css-t hazsnálja melyik browsernél. az Avant browser nem támogatja a min-height-et egyáltalán, de attól a többi böngészőre meg tudod valósítani a min-heightet

<head>
	<title>{$title}{$config.suffix}</title>
	<meta http-equiv="Content-Type" content="text/html;charset={$config.charset}" />
	<base href="{$config.base}{$config.dir}" />
	<!--<link rel="stylesheet" type="text/css" href="{$templates}/css/style.css" />-->
	<meta name="description" content="{$description}" />
	<meta name="keywords" content="{$keywords}" />

<script type="text/javascript">
<!--//hide
{literal}
if (-1 != navigator.userAgent.indexOf("Opera")) { // Opera
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1opera.css">'); }
else if(-1 != navigator.userAgent.indexOf("MSIE 5.5")) { // Internet Explorer 5.5
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style5.5.css">'); }
else if(-1 != navigator.userAgent.indexOf("MSIE 6.0")) { // Internet Explorer 6.0
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style6.0.css">'); }
else if(-1 != navigator.userAgent.indexOf("MSIE 7.0")) { // Internet Explorer 7.0
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style7.0.css">'); }
else if(-1 != navigator.userAgent.indexOf("MSIE 8.0")) { // Internet Explorer 8.0
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style8.0.css">'); }
else if(-1 != navigator.userAgent.indexOf("MSIE")) { // Internet Explorer
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style.css">'); }
else if (-1 != navigator.userAgent.indexOf("Netscape")) { // Netscape
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1netscape.css">'); }
else if (-1 != navigator.userAgent.indexOf("Firefox")) { // Firefox
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1firefox.css">'); }
else if (-1 != navigator.userAgent.indexOf("Safari")) { // Safari
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1safari.css">'); }
else if (-1 != navigator.userAgent.indexOf("Gecko")) { // Gecko
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1gecko.css">'); }
else if (-1 != navigator.userAgent.indexOf("Avant Browser")) { // Avant Browser
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style.css">'); }
else if (-1 != navigator.userAgent.indexOf("NET CLR")) { // NET CLR
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style.css">'); }
else if (-1 != navigator.userAgent.indexOf("Konqueror")) { // Konqueror
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1konqueror.css">'); }
else if (-1 != navigator.userAgent.indexOf("OffByOne")) { // OffByOne
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1offbyone.css">'); }
else { // other
document.write('<link rel="stylesheet" type="text/css" href="/templates/SunnyDay/css/style1other.css">'); }
{/literal}
//end hide-->
</script>

</head>
5

Lehet tévedek, mert nincs

Baldric · 2009. Nov. 25. (Sze), 01.18
Lehet tévedek, mert nincs Avantom, de nekem úgy tűnik hogy nem azzal van gond, hogy levágja a bal panelt (az #inside-on belüli clear miatt nem tudja), hanem csupán azzal hogy a #main-content viseli a hátteret, a bal panel fehér szövege fehér háttéren meg hát...
Én a helyedben a háttérképet áttenném az #inside-ra, vagy külön adnék hátteret a dolgoknak (mondjuk azt sem értem miért kell egy 11 kbyteos kép egy két színű háttérhez, legalább png vagy gif lenne).
Egyébként az én vélemény szerint ez a struktúra még nem igazán ideális.

Az ie6 sem ismeri a min-heightet, az meg jóval fontosabb (sajnos) az Avantnál.
6

Köszi!

borkaa · 2009. Nov. 25. (Sze), 12.01
Köszönöm a válaszaitokat!
Én kezdő vagyok még ebben a témában és persze biztos vannak jobb elrendezési módok is..
Minden tanácsot örömmel fogadok!
Sokat segítettetek.
7

a pngvel csak óvatosan mert

csman007 · 2009. Nov. 26. (Cs), 16.21
a pngvel csak óvatosan mert az ie6 nem szereti
8

Az alpha csatornás png-t nem szereti

Baldric · 2009. Nov. 26. (Cs), 20.02
Az alpha csatornás png-t nem szereti, de a többivel nincs gondja. Ebben az esetben pedig bőven elég, sőt ajánlott egy 8 bites png.
9

IE PNG Fix 2.0 Alpha 4

Max Logan · 2009. Nov. 27. (P), 09.44
Annó teszteltem ezt a megoldást, és jól működött IE 6 alatt.