div id ve class - Tarayıcı Farklılıkları

[Ashton]

Sevgili arkadaşlar,

div id ve div class ile ilgili bir problemim var. id veya class atamama rağmen, IE 6'da sorun yok fakat Firefox'da atadığım id'yi veya class'ı göremedim. Normal şartlarda oke, aynı tema içinde farklı id veya class atayabiliyorum, bir problem yok fakat bunu bir türlü yapamadım.

Firefox'a has başka bir esprisi mi var sormak istedim?

index içindeki ilgili bölümü ve css'in ilgili bölümlerini aşağıda paylaştım. "images" klasörünün içindeki ilgili resim dosyalarında herhangi bir problem yoktur.

Yardımcı olan arkadaşlara teşekkür ederim.

index.php içindeki, body kodlarının aralıkları aşağıdaki gibidir;

<div id="bottombg02"><div id="leftborder">&nbsp;</div><div id="lefttopmenuheader"><div id="text_01"><?php mosLoadModules ( 'user1' ); ?></div><br /><div id="text_01"><?php mosLoadModules ( 'user1' ); ?></div></div><div id="rightborder">&nbsp;</div><div id="righttopmenuheader"><div id="text_03"><?php mosLoadModules ( 'user1' ); ?></div></div><div id="centertopmenuheader_02"><div id="contentheading"><?php mosMainBody(); ?></div></div></div></div>css'in içindekiler aşağıdaki gibidir;

#bottombg {
background-image : url(../images/bottombg.jpg);
background-repeat:no-repeat;
height: 21px;
background-position:center top;
}

#bottombg02 {
background-image : url(../images/bottombg02.jpg);
background-repeat:repeat-y;
background-position:center;
height: 21px;
}

#lefttopmenuheader {
background-image : url(../images/lefttopmenuheader.png);
background-repeat:no-repeat;
height: 21px;
width: 136px;
background-position:left;
float: left;
}

#centertopmenuheader {
background-image : url(../images/centertopmenuheader.png);
background-repeat:no-repeat;
height: 21px;
width: 395px;
background-position:center;
margin-left: 296px;

}

#centertopmenuheader_02 {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #8C8889;
font-weight: bold;background-image : url(../images/centertopmenuheader.png);
background-repeat:no-repeat;
height: 21px;
width: 395px;
background-position:center;
margin-left: 412px;

}

#righttopmenuheader {
background-image : url(../images/righttopmenuheader.png);
background-repeat:no-repeat;
height: 21px;
width: 136px;
background-position:right;
float: right;
}

#leftborder {
background-image : url(../images/leftborder.jpg);
background-repeat:repeat-y;
height: 10px;
width: 5px;
background-position:left;
float: left;
margin-left: 134px;
}

#centerborder {

background-image : url(../images/centerborder.jpg);
background-repeat:repeat-y;
height: 10px;
background-position:center;

}

#rightborder {
background-image : url(../images/rightborder.jpg);
background-repeat:repeat-y;
height: 10px;
background-position:right;
float: right;
margin-left: 257px;
}

#contentheading {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #8C8889;
text-align:justify;
vertical-align: top;
}

#text_01 {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
margin-top: 3px;
margin-left: 133px;
}

#text_02 {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
margin-left: 123px;
padding-top: 3px;
}

#text_03 {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
padding-top: 3px;
}

[memoc@n]

Valla bir sorun olmaması lazım ancak <div> diye açtıklarının sayısı mesela bir pozisyonda 3 taneyse yukarıdaki örnek için konuşuyorum 3 tanede kapatmak için göremedim bazılarında yani </div></div></div>

[Ashton]

Valla bir sorun olmaması lazım ancak <div> diye açtıklarının sayısı mesela bir pozisyonda 3 taneyse yukarıdaki örnek için konuşuyorum 3 tanede kapatmak için göremedim bazılarında yani </div></div></div>

Bazı div'lerin içinde başka bir div daha var. 1 div içinde başka bir div yani :) yoksa hatam burada mı? Aynı div'in 2 kere konulamayacağını biliyorum fakat farklı div'lerin iç içe veya aynı temanın farklı yerlerinde konulabileceğini biliyorum. :confused: div class'da koysam farketmiyor, Firefox'da çıkartamadım.:(

[memoc@n]

Yok tabi bir çok div tagini tek bir yerde tanımlarsınız benim demek istediğim mesela user1 de 3 tane div tanımladınız o zaman bu divleri kapatmak içinde üç tane kapatma divi girmelisiniz demek istedim yukarıdaki örnekte bunu göremediğim yerler var o açıdan söyledim

[Ashton]

Problem çözülmüştür. İlgilenen arkadaşlara thanx alot.

[Pentacle]

konuyla biraz alakasız ama ileride belki birinin isine yarar diye not duscem.

bir sayfada aynı id'den bir tane olurken bir class istenilen sayıda kullanılabilir.

[Akar]

Evet, id eşsizdir.

Bu arada, background-image ve background-repeat firefox tarafından tanınıyor mu yoksa
background: url(../xyz/xyz.png) repeat-y; şeklinde mi kullanmak lazım ? Ben standart olarak bunu kullanıyorum da...sorun yok. Acaba bu tanımlamaları firefox bir şekilde kabul edip diğer şekilde kabul etmiyor olabilir mi ?

Ayrıca firefox sürümü ne ? Normalde 2.0 ile ie 7.0 aynı görsel özellikleri destekliyor. ff 1.5 ile ie 6 bunlardan farkılılık gösteriyor.

[Ashton]

konuyla biraz alakasız ama ileride belki birinin isine yarar diye not duscem.

bir sayfada aynı id'den bir tane olurken bir class istenilen sayıda kullanılabilir.

Bilgi için teşekkürler @Pentacle, bu özelliği biliyordum ama yine de üzerinden geçmiş oldum. :)


Evet, id eşsizdir.

Bu arada, background-image ve background-repeat firefox tarafından tanınıyor mu yoksa
background: url(../xyz/xyz.png) repeat-y; şeklinde mi kullanmak lazım ? Ben standart olarak bunu kullanıyorum da...sorun yok. Acaba bu tanımlamaları firefox bir şekilde kabul edip diğer şekilde kabul etmiyor olabilir mi ?

Ayrıca firefox sürümü ne ? Normalde 2.0 ile ie 7.0 aynı görsel özellikleri destekliyor. ff 1.5 ile ie 6 bunlardan farkılılık gösteriyor.

Sürüm 2.0.0.4'tür. Tarayıcıların verdiği bazı reaksiyonlar farklı fakat çoğunluğu da birbirine denk gibi. :mellow:

[Pentacle]

background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;

background:#f00 url(background.gif) no-repeat fixed 0 0;

firefox tum surumleriyle, ie ise 5 ve ustu (4'ten emin degilim) surumleriyle yukarıdaki iki gosterimi de kabul eder.

firefox 1.5 ve 2.0 arasında pratikte kullanılan css ozellikleri icin bir fark yok. ben 2.0'da goruntuledigim tasarıma tekrar 1.5 ile bakmıyorum.

ie7 ve ff arasında halen farklar sozkonusu. kendim denemedim ama png seffaflıgı tam cozumlenebilmis degil diyenler var ie7 icin.

ie6 konusuna hic girmiyorum. o bir tarayıcı degil tamamen uretim hatası.

not: opera genelde firefox ile uyusuyor. ufak tefek farklar var onlar da w3c icin genelde uygun ama tarayıcı tercihi olarak farklı kullanılmıs. halletmesi kolay.

[Ashton]

Haydi buyurun bakalım;

Aşağıdaki kodların CSS değerleri aynı fakat farklı isimler ile kaydedilmiştir. Buna rağmen "leftheader02" adlı kod'u herhangi bir tarayıcıda görememekteyim. Hiç atanmamış gibi. Bir yerde hata yaptığımı zannetmiyorum fakat yine size sormak istedim.

<div id="leftheader"><div id="text_01">Navigation</div></div>
<div id="leftmenubg"><div class="user1_inner"><?php mosLoadModules ( 'user1' ); ?></div></div>
<div id="leftheader02"><div id="text_04">Navigation</div></div>
<div id="leftmenubg"><div class="user1_inner"><?php mosLoadModules ( 'user1' ); ?></div></div>Yardımcı olan arkadaşlara teşekkür ederim.

[Pentacle]

css kodunu da ekler misin?

[Ashton]

css kodunu da ekler misin?

#leftheader {
background-image: url(../images/leftheader.jpg);
background-repeat:no-repeat;
height: 21px;
width: 141px;

}

#text_01 {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
margin-left: 13px;

}

#leftmenubg {
background-image : url(../images/leftmenubg.gif);
background-repeat:repeat-y;
height: auto;
width: 141px;
background-position:left;
float: left;
}

.user1_inner {

float: left;
margin: 0px;
margin-left: 13px;
padding: 0px;
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #4c4c4c;
}

#leftheader02 {
background-image: url(../images/leftheader02.jpg);
background-repeat:no-repeat;
height: 21px;
width: 141px;

}

#text_04 {
font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
margin-left: 13px;
}

[Ashton]

Hocam ayar oldum resmen, ben nerde yanlış yaptım.:blush:

[Pentacle]

.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix {
display: inline-block;
}

/* IE Mac için hack \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display:block;
}


css dosyanın en sonuna ustteki kodu ekle.

<div id="leftmenubg"><div class="user1_inner">

user1_inner yanına clearfix yaz. o da olmazsa leftmenubg yanına class="clearfix" yaz.

yani bence asagıdaki kod sorunu cozecektir:

<div class="leftmenubg"><div class="user1_inner clearfix">

not: aynı id'den iki tane var onu da unutma.

[Ashton]

.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix {
display: inline-block;
}

/* IE Mac için hack \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display:block;
}
css dosyanın en sonuna ustteki kodu ekle.

<div id="leftmenubg"><div class="user1_inner">

user1_inner yanına clearfix yaz. o da olmazsa leftmenubg yanına class="clearfix" yaz.

yani bence asagıdaki kod sorunu cozecektir:

<div class="leftmenubg"><div class="user1_inner clearfix">

not: aynı id'den iki tane var onu da unutma.

Oke hemen deniyorum, sonucu burada paylaşacağım.

[Ashton]

Dediğinizi uyguladım fakat aşağıdaki gibi bir sonuç aldım, screenshot ekteki gibidir. Dizaynı zaten FF'de tasarlıyorum.

[Pentacle]

olay clearfix ama tam cozemedim. peki headerlara ekler misin clearfix sınıfını?

[Ashton]

olay clearfix ama tam cozemedim. peki headerlara ekler misin clearfix sınıfını?

Oke deniyorum şimdi. Yah aslında ben dediğim gibi dizaynı FF üzerinde çıkartıp, IE'deki farklılıkları da öteki metodlar ile kapatmayı düşünüyorum. Sanırım bu şekilde daha kolay olacak ama bu problem sinir etti beni @Pentacle.:blush:

[Ashton]

Clearfix'i kullanarak/kullanmayarak IE'den istediğimi elde ettim. Buna rağmen Clearfix'i kullanarak/kullanmayarak FF'den istediğimi hala elde edemedim. :( Problemin neyden kaynaklandığını bir anlayabilsem, ağlatacağım ama.. :blush:

Edit: Header'larda da tık yoq FF'de.

[Pentacle]

kodun cıktısını (ff view source ile) ve css dosyasını bir txt yapıp foruma ekler misin? bir de oyle bakayım.

[Ashton]

kodun cıktısını (ff view source ile) ve css dosyasını bir txt yapıp foruma ekler misin? bir de oyle bakayım.

Hocam ben temalarımın tümünü önce local'de yapıyorum. Bitirdikten sonra temiz hali ile gönderiyorum server'ıma. Acaba bundan mı kaynaklanıyor?

Kaynak Görüntüsü;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;>charset=iso-8859-9" />
<title>Re-Host - Anasayfa</title>
<meta name="description" content="Joomla TR - www.mjturkiye.net Özel Joomla Sürümü" />
<meta name="keywords" content="Joomla, TR, MJ, Türkiye," />
<meta name="Generator" content="Joomla! - Telif (C) 2004 - 2007 MJ Türkiye - Tüm Hakları Saklıdır." />
<meta name="robots" content="index, follow" />
<!-- JW "Tabs & Slides In Content Items" Plugin (v2.2) starts here -->
<style type="text/css" media="screen">
@import "http://localhost/rehost/mambots/content/plugin_jw_tabs_slides/tabs_slides.css";
</style>
<style type="text/css" media="print">.tabbernav {display:none;}</style>
<script type="text/javascript" src="http://localhost/rehost/mambots/content/plugin_jw_tabs_slides/tabs_slides.js"></script>
<script type="text/javascript">var jw_slideSpeed = 10; var jw_timer = 10;</script>
<!-- JW "Tabs & Slides In Content Items" Plugin (v2.2) ends here -->
<link rel="shortcut icon" href="http://localhost/rehost/images/favicon.ico" />
<link rel="stylesheet" href="http://localhost/rehost/templates/gtaiso/css/template_css.css" type="text/css"/><link rel="shortcut icon" href="http://localhost/rehost/images/favicon.ico" /><link href="css/template_css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div align="center" class="gtaisoheader" style="background-position:center"></div>
<div align="center" class="gtaisobg" style="background-position:center">
<table width="800" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="141">
<div id="leftheader"><div id="text_01">Navigation</div></div>
<div id="leftmenubg"><div class="user1_inner"> <table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_frontpage&amp;Itemid=33" class="mainlevel" id="active_menu">Anasayfa</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_magazine&amp;Itemid=1" class="mainlevel" >Home</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=view&amp;id=5&amp;Itemid =6" class="mainlevel" >Joomla! Lisansı</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=section&amp;id=1&amp;Ite mid=2" class="mainlevel" >Haberler</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=blogsection&amp;id=0 &amp;Itemid=9" class="mainlevel" >Blog</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel" >Linkler</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_contact&amp;Itemid=3" class="mainlevel" >İletişim</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_search&amp;Itemid=5" class="mainlevel" >Arama</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_newsfeeds&amp;Itemid=7" class="mainlevel" >Haber Başlıkları</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=category&amp;section id=3&amp;id=7&amp;Itemid=25" class="mainlevel" >SSS</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_wrapper&amp;Itemid=8" class="mainlevel" >Wrapper</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_virtuemart&amp;Itemid=28" class="mainlevel" >virtue</a></td></tr>
</table> </td>
</tr>
</table>
</div></div>
<div id="leftheader02"><div id="text_04">Navigation</div></div>
<div class="leftmenubg"><div class="user1_inner clearfix"> <table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_frontpage&amp;Itemid=33" class="mainlevel" id="active_menu">Anasayfa</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_magazine&amp;Itemid=1" class="mainlevel" >Home</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=view&amp;id=5&amp;Itemid =6" class="mainlevel" >Joomla! Lisansı</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=section&amp;id=1&amp;Ite mid=2" class="mainlevel" >Haberler</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=blogsection&amp;id=0 &amp;Itemid=9" class="mainlevel" >Blog</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel" >Linkler</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_contact&amp;Itemid=3" class="mainlevel" >İletişim</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_search&amp;Itemid=5" class="mainlevel" >Arama</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_newsfeeds&amp;Itemid=7" class="mainlevel" >Haber Başlıkları</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=category&amp;section id=3&amp;id=7&amp;Itemid=25" class="mainlevel" >SSS</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_wrapper&amp;Itemid=8" class="mainlevel" >Wrapper</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_virtuemart&amp;Itemid=28" class="mainlevel" >virtue</a></td></tr>
</table> </td>
</tr>
</table>
</div></div>
</td>
<td valign="top" width="518">
<div id="centerheader"><div id="text_02">Welcome to the deneme.com</div></div>
<div id="centermenubg"><div class="main_inner"><table class="blog" cellpadding="0" cellspacing="0"><tr><td valign="top"><div>
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
<a href="http://localhost/rehost/index.php?option=com_content&amp;task=view&amp;id=8&amp;Itemid =33" class="contentpagetitle">
Örnek Haber Öğesi 3</a>
</td>
</tr>
</table>

<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<p><img src="http://localhost/rehost/images/stories/fruit/pears.jpg" width="150" height="96" style="float: right;" hspace="6" alt="Image" title="Image" border="0" />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </td>
</tr>
</table>

<span class="article_seperator">&nbsp;</span>

</div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tr><td valign="top" width="100%"> <table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
<a href="http://localhost/rehost/index.php?option=com_content&amp;task=view&amp;id=7&amp;Itemid =33" class="contentpagetitle">
Örnek Haber Öğesi 2</a>
</td>
</tr>
</table>

<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<p align="justify"><img src="http://localhost/rehost/images/stories/food/bun.jpg" width="150" height="112" style="float: right;" hspace="6" alt="Image" title="Image" border="0" />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </td>
</tr>
</table>

<span class="article_seperator">&nbsp;</span>

</td></tr></table></td></tr><tr><td valign="top" align="center"><span class="pagenav">&lt;&lt;&nbsp;İlk</span> <span class="pagenav">&lt;&nbsp;Önceki</span> <span class="pagenav">1</span> <a href="http://localhost/rehost/index.php?option=com_frontpage&amp;Itemid=33&amp;limit=2&amp;l imitstart=2" class="pagenav"><strong>2</strong></a> <a href="http://localhost/rehost/index.php?option=com_frontpage&amp;Itemid=33&amp;limit=2&amp;l imitstart=2 " class="pagenav" title="Sonraki">Sonraki&nbsp;&gt;</a> <a href="http://localhost/rehost/index.php?option=com_frontpage&amp;Itemid=33&amp;limit=2&amp;l imitstart=2 " class="pagenav" title="Son">Son&nbsp;&gt;&gt;</a><br /><br /></td></tr><tr><td valign="top" align="center">Sonuç 1 - 2 Toplam 3</td></tr></table></div></div></td>
<td valign="top" width="141">
<div id="rightheader">
<div id="text_03">Monthly Poll </div>
</div>
<div id="rightmenubg"><div class="user2_inner"> <table cellpadding="0" cellspacing="0" class="moduletable">
<tr>
<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_frontpage&amp;Itemid=33" class="mainlevel" id="active_menu">Anasayfa</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_magazine&amp;Itemid=1" class="mainlevel" >Home</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=view&amp;id=5&amp;Itemid =6" class="mainlevel" >Joomla! Lisansı</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=section&amp;id=1&amp;Ite mid=2" class="mainlevel" >Haberler</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=blogsection&amp;id=0 &amp;Itemid=9" class="mainlevel" >Blog</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_weblinks&amp;Itemid=23" class="mainlevel" >Linkler</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_contact&amp;Itemid=3" class="mainlevel" >İletişim</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_search&amp;Itemid=5" class="mainlevel" >Arama</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_newsfeeds&amp;Itemid=7" class="mainlevel" >Haber Başlıkları</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_content&amp;task=category&amp;section id=3&amp;id=7&amp;Itemid=25" class="mainlevel" >SSS</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_wrapper&amp;Itemid=8" class="mainlevel" >Wrapper</a></td></tr>
<tr align="left"><td><a href="http://localhost/rehost/index.php?option=com_virtuemart&amp;Itemid=28" class="mainlevel" >virtue</a></td></tr>
</table> </td>
</tr>
</table>
</div></div></td>
</tr>
</table>
</div>

</body>
</html>
<!-- 1181478904 -->

CSS Bilgileri de ekteki gibidir. Yukarıdaki kodlar dahilinde FF'de aldığım görüntü de ekteki screenshot gibidir.

[memoc@n]

Tema konusunda uzman bir arkadaşımız var ona danıştım online değil şimdi akşama büyük ihtimalle çözeriz

[Ashton]

Tema konusunda uzman bir arkadaşımız var ona danıştım online değil şimdi akşama büyük ihtimalle çözeriz

Sağolsun @Pentacle arkadaşımız da çok yardımcı oluyor. Tablosuz yazdığım için mi bu kadar problem ile karşılaşıyorum bilmiyorum ama bende araştırıyorum bu problemimi.:blush:

İlgilenen arkadaşlara tekrar teşekkürler.

[Pentacle]

user1_inner 2 tane var ben ikincisine eklemeni kastetmistim. burda birinci de gozukuyor ama.

ayrıca menulerin icin modul ayarlarında vertical/horizontal/flat list var.

flat list secmen sayfa boyutu, seo, kodun anlasılabilirligi acısından daha iyi olur.

[Ashton]

user1_inner 2 tane var ben ikincisine eklemeni kastetmistim. burda birinci de gozukuyor ama.

ayrıca menulerin icin modul ayarlarında vertical/horizontal/flat list var.

flat list secmen sayfa boyutu, seo, kodun anlasılabilirligi acısından daha iyi olur.

Evet, user1_inner ve user2_inner war. <?php mosLoadModules ( 'user1' ); ?> ve <?php mosLoadModules ( 'user2' ); ?> için farklı farklı atadım fakat ben user1_inner ile denedim olmadı. Zaten user1_inner ile olsa, aynı sıradaki div'ler için de aynı özellikleri kullanabilirim diye düşünüyorum.

Evet, birincisinde gözüküyor fakat IE'de gözüküyor. FF'de gözükmüyor. Screenshot'dakiler gibi sonuçlar elde ediyorum.

Flat list özelliklerini de deneyeceğim, belki bir faydası olur.:(

[Ashton]

IE'deki problemi giderdim, tamam, sorun yok ama FF'de aynı şeyleri yaparak deniyorum, hiçbir sonuç elde edemiyorum. :( Çok sinirim bozuldu, aptal aptal şeyler deneyip durur hale geldim yah.:mad: Üstelik temayı da FF üzerinde geliştiriyorum ama bu problemde takıldım kaldım.

1 div içerisine 1 tablo ekleyip, bahsi geçen div'leri de onun içine mi atayım. Öyle de deneme yapacağım artık, belki o zaman olur lanet şey. :confused:

[Ashton]

1 div içerisine 1 tablo ekleyip, bahsi geçen div'leri de onun içine mi atayım. Öyle de deneme yapacağım artık, belki o zaman olur lanet şey. :confused:

Bu şekilde yaptım ve sonunda oldu. Hem IE'de hem de FF'de gördüm. @memocan, uzman arkadaşınızdan tablosuz bir çözüm bekliyorum. Ben tablo eklemek zorunda kaldım, yaptım, oldu fakat problemi tablosuz da gidermek isterim tabiki.:) @Pentacle'a da o kadar ilgilendiği için ayrıca teşekkür ederim.

[memoc@n]

Evet bu konuda arkadaşıma danıştım ve forumda verdiği yanıtı aynen buraya ekliyorum, bu şekilde sorunlarınızı halledebilirsiniz

Firefox oyle bir tarayici'ki siz leb demeden leblebiyi anlayan türden yani.... bu tarayiciyi anlatmak icin baska bir kelime yoktur herhalde kendi deneyimlerimden yola cikarsam ve ogrendiklerimi'de buna katarsam sonuc olarak size sunlari soyleyebilirim arkadaslar ;

Firefox: Hemen hemen her modern script'i tanimlar ve calistirir (javascript,php vb.)
Hemen hemen her HTML tag'ini tanimlar ve calistirir (div id , class ,style vb)
Hemen hemen her css komutunu calistirabilecek kapasitededir
Her turlu transparent web grafigini yine transparent olarak trarayicida gosterir.

IE6 yada web tasarimcilarinin degimi ile problem cocuk http://www.joomladersleri.com/forum/Smileys/default/smiley.gif :
Her script'i calistiramiyor nedeni ? cunku kendi script hafizasi yetersiz ve direkman hata veriyor ornek olarak ajax ile hazirlanan content slide scriptleri. elinizden geldigi kadar bu tur scriptlerden kacinin
Hemen hemen her HTML tag'ini tanimlar ve calistirir (div id , class ,style vb)
Cok buyuk bir problem CSS komutlari butun temalarimda hemen hemen zamanimi calan tek sey inanin örnek;

#örnek_con{
background:url(../images/ornek.png)repeat-x #ffffff;
} simdi bu yukaridaki ornek'deki komutu FF IE7 anliyor ama IE6 anlamiyor onun icin komutlarimizi yazarken tam olarak yazarsak daha iyi olacak soyle ;
#örnek_con{
background-image:url(../images/ornek.png);
background-color:#ffffff;
background-repeat:repeat-x;
}
IE7: Hemen hemen her modern script'i tanimlar ve calistirir (javascript,php vb.)
Hemen hemen her HTML tag'ini tanimlar ve calistirir (div id , class ,style vb)
Hemen hemen her css komutunu calistirabilecek kapasitededir
Her turlu transparent web grafigini yine transparent olarak trarayicida gosterir.


yani anlayacaginiz gibi tum problem IE6'da arkadaslar birde IE6 icin hack tipleri var asagidaki gibi ;
IE6 padding ve margin komutlarini yanlis gosterirse asagidaki gibi;

#ornek{
margin-left:10px;
margin-left:10px !important;/* ie6 hack*/
} veya goruntu tersligi yada genislik uzunluk hatasi verebilir;

#örnek{
float:left;
width:200px;
height:50px;
} soyle degistirilmeli;
*html #örnek{
float:left;
width:200px;
height:50px;
}buradaki *html ie6'ya hitap eder

[Pentacle]

#örnek_con{
background:url(../images/ornek.png)repeat-x #ffffff;
}


ie6 da bu kodu catır catır calıstırır. kesinlikle yanlıs bilgidir.

ayrıca important ters uygulanmıs.


#ornek{
margin-left:10px; !important;/* standart tarayıcıyılar icin*/
margin-left:15px /* ie6 ve daha eski ie tarayıcılar icin */
}

[Akar]

#örnek_con{
background:url(../images/ornek.png)repeat-x #ffffff;
}
ie6 da bu kodu catır catır calıstırır. kesinlikle yanlıs bilgidir.
Bunda ben de sorun yaşamıyorum. Galiba arkadaş bir an karıştırdı. Diğer bilgiler güzel. Sağolsun.

[memoc@n]

Ya tamam işte sizde alın deneyin kardeşim, :)

[memoc@n]

Ayrıca ürettiklerini buradan görebilirsiniz bilgi paylaşımı olabilir http://volkann.vo.funpic.de/index.php?option=com_content&task=view&id=26 buraya da üye olacak tanışırız

[Akar]

Dostum her zaman bekleriz :)

[Ashton]

@memocan, ben zaten problemimi IE6'da giderdim ama ek bilgiler için teşekkürler.

Benim problemim, görünümünü elde etmek istediğim class'ı/id'yi doğru şekilde uygulamama rağmen FF'de göremiyor olmamdı.

Dizaynı zaten tablosus yazıyordum, hiçbir şekilde gösteremedim. Kaynağı burada paylaştım ve arkadaşlarımız ile birlikte de bir çözüm bulamadık (arkadaşlar sağolsun, çözüm için yollar denedik ama olmadı :().

Neyse, ben de projemin aksamaması için 1 div içine 1 tablo ekledim ve istediğim class/id'leri de o tablonun içerisine ekledim. Hem IE 6 da olumlu sonuç aldım hem de FF'de.

Şu anda dizaynımın büyük bir kısmı bitti gibi birşey ve yaklaşık %75'lik kısmını tablosus yazdım. Geri kalan %25'lik kısmını da bu tarz problemlerim doldurdu ne yazık ki.:(

İlgilenen arkadaşlara tekrar teşekkür ediyorum.

[SporCu]

ya ben bır sey anlamadım bende de aynı problemler var ne yapıcaz yardımcı olma ıhtımalınız varmı