Css Padding ve Margin Problemi

mgazi · 19.10.2007

Yukarıda ki resimde, üst tarafta gördüğünüz 4 kolonlu açılır menü'yü o bulunduğu div'in en içine yani altdaki border'a sıfırlamak istiyorum ama bir türlü olmadı. Padding ve margin özelliklerini kullanarak yapmaya çalıştım:menü aşağıya indi ama gene de gözle görülür bir boşluk kalıyor border ile.Kodlar da şöyle:

HTML Kodlar:
Ust.PHP

Kod:

<!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=utf-8" />
<title>SMG Ev Tekstili A.Ş. Resmi web Sitesi</title>
<link rel=stylesheet href="stil/default.CSS" type="text/CSS"> 
<script type="text/JavaScript" language="JavaScript1.2" src="fabrika/stmenu.js"></script>
</head>
<body>
<div id="back">
<div id="ust">
<script type="text/JavaScript" language="JavaScript1.2">
<!--
stm_bm(["menu2fbb",730,"","blank.gif",0,"","",0,0,0,0,50,1,0,0,"","",0,0,1,1,"default","hand",""],this);
stm_bp("p0",[0,4,0,0,1,4,0,7,100,"",-2,"",-2,90,0,0,"#FFCC00","transparent","",3,0,0,"#000000"]);
stm_ai("p0i0",[0,"Ana Sayfa","","",-1,-1,0,"index.PHP","_self","","","","",0,0,0,"","",0,0,0,0,1,"#333333",0,"#666666",0,"menu_back.jpg","menu_back2.jpg",3,3,0,0,"#CCCCCC","#999999","#000000","#000000","bold 8pt Verdana","bold 8pt Verdana",0,0],120,25);
stm_aix("p0i1","p0i0",[0,"Ürünlerimiz","","",-1,-1,0,"urunler.PHP","_self","","","","",0,0,0,"arrow_r.gif","arrow_r.gif",7,7],120,25);
stm_bp("p1",[1,4,0,0,1,4,0,0,100,"",-2,"",-2,90,0,0,"#FFCC00","transparent","",3,1,1,"#CCCCCC"]);
stm_aix("p1i0","p0i0",[0,"Yatak Odası","","",-1,-1,0,"yatakodasi.PHP"],120,25);
stm_aix("p1i1","p0i0",[0,"Perde","","",-1,-1,0,"perde.PHP"],120,25);
stm_aix("p1i2","p0i0",[0,"Örtüler","","",-1,-1,0,"ortuler.PHP"],120,25);
stm_aix("p1i3","p0i0",[0,"Aksesuarlar","","",-1,-1,0,"aksesuarlar.PHP"],120,25);
stm_ep();
stm_aix("p0i2","p0i1",[0,"kurumsal","","",-1,-1,0,"kurumsal.PHP"],0,25);
stm_bpx("p2","p1",[]);
stm_aix("p2i0","p0i0",[0,"Misyonumuz","","",-1,-1,0,"misyon.PHP","_self","","","","",0,0,0,"","",0,0,0,0,1,"#333333",0,"#666666",0,"menu_back.jpg","menu_back2.jpg",3,3,1,1],120,25);
stm_aix("p2i1","p2i0",[0,"Vizyonumuz","","",-1,-1,0,"vizyon.PHP"],120,25);
stm_aix("p2i2","p2i0",[0,"İnsan Kayn.","","",-1,-1,0,"insankay.PHP"],120,25);
stm_ep();
stm_aix("p0i3","p0i0",[0,"İletişim","","",-1,-1,0,"iletisim.PHP"],0,25);
stm_ep();
stm_em();
//-->
</script>
</div>

index.PHP

Kod:

<!--ÜST İNCLUDE-->
<?
$pathFix=dirname(__FILE__);
include("$pathFix/ust.PHP");
?>
<!--ÜST İNCLUDE-->



<div id="sol">


<div id="menu">
<div id="menu_oge">Ana Sayfa</div>
<div id="menu_oge">Ana Sayfa</div>
<div id="menu_oge">Ana Sayfa</div>
<div id="menu_oge">Ana Sayfa</div>

</div>

<div id="duyuru"></div>

<div id="iletisim">
<div id="baslik">İletişim</div>
<p class="iletisim">SMG Ev Tekstili A.Ş.<br />
Adres: Kayseri 1. Organize Sanayi Bölgesi 21. Cadde No:07<br />
Tel: +90 352 431 21 87<br />
Pbx: +90 352 431 21 88<br />
E-Posta:<a href="iletisim.PHP">info@smg.com.tr</a></p>
</div>

</div>

<div id="sag"></div>

<!--ALT İNCLUDE-->

<?
$pathFix=dirname(__FILE__);
include("$pathFix/alt.PHP");
?>
<!--ALT İNCLUDE-->

alt.PHP

Kod:

<div id="alt">

<p class="copyright">T&uuml;m Hakları Saklıdır. &copy; 2006 SMG Ev Tekstili A.Ş.
<br />
Kayseri Organize Sanayi B&ouml;lgesi 21. Cadde No:07
</p>

</div>
</div>
</body>
</HTML>

CSS Kodları:

Kod:

	#back {
		background-color:#f5f5e2;
		height:50%;
		width:81%;
		border-left-color:#000000;
		border-right-color:#000000;
		border-bottom-color:#000000;
		border-left-style:solid;
		border-right-style:solid;
		border-bottom-style:solid;
		border-left-width:1px;
		border-right-width:1px;
		border-bottom-width:1px;
		}

	#ust {
		background-color:#f5f5e2;
		background-image:url(../grafik/ust-ban.jpg);
		height:25%;
		width:100%;
		border-bottom-color:#000000;
		border-bottom-style:solid;
		border-bottom-width:1px;
		}

yunus::t · 21.10.2007

Sorunu biraz daha iyi ifade edebilirsen çözmek mümkün olabilir.
Kod olarak browserdan şekillendirilmiş kaynak kodu gönderirsen daha sağlıklı olacaktır.

yunusm · 24.10.2007

anladığım kadarıyla iletişim menüsünü sol alta almak istiyorsun

padding ve margin le bu işlemi yapamazsın farklı çözünürlüklerde patlar

benim önerim bir taşıyıcı div yap

.tasiyici{
position:absolute;
left:3%;
bottom:3%;
}

taşıyıcı içerisine menüyü koy. şaçma bir yol oldu ama aklıma gelen en hızlı çözüm

ugursamsa · 26.12.2007

Yeni bir bölüm tanımlayarak yapabilirsin gibi.

PHP Code:


			
    #bos {
        background-color:#f5f5e2;
        background-image:url(../grafik/ust-ban.jpg);
        height:75%;
        width:100%;
        }

Yukarıdaki kodları CSS dosyana ekle. Ardından ust.PHP'deki ilgili bölümü şu şekilde değiştir.

PHP Code:


			
<div id="back">
<div id="bos"></div>
<div id="ust">

CSS'de çok yeniyim. Aklıma bu yol geldi. Bilmiyorum işini görür mü?

21.10.2007	#2 (permalink)
yunus::t Üyelik Tarihi: 23.07.2002 Yer: İstanbul Yaş: 31 Mesaj: 684	Re: Css Padding ve Margin Problemi Sorunu biraz daha iyi ifade edebilirsen çözmek mümkün olabilir. Kod olarak browserdan şekillendirilmiş kaynak kodu gönderirsen daha sağlıklı olacaktır.

24.10.2007	#3 (permalink)
yunusm Üyelik Tarihi: 10.11.2006 Yer: İstanbul Yaş: 23 Mesaj: 32	Re: Css Padding ve Margin Problemi anladığım kadarıyla iletişim menüsünü sol alta almak istiyorsun padding ve margin le bu işlemi yapamazsın farklı çözünürlüklerde patlar benim önerim bir taşıyıcı div yap .tasiyici{ position:absolute; left:3%; bottom:3%; } taşıyıcı içerisine menüyü koy. şaçma bir yol oldu ama aklıma gelen en hızlı çözüm

26.12.2007	#4 (permalink)
ugursamsa Üyelik Tarihi: 06.05.2007 Yer: İzmir Yaş: 22 Mesaj: 453 Görsel: 3	Re: Css Padding ve Margin Problemi Yeni bir bölüm tanımlayarak yapabilirsin gibi. PHP Code: `#bos { background-color:#f5f5e2; background-image:url(../grafik/ust-ban.jpg); height:75%; width:100%; }` Yukarıdaki kodları CSS dosyana ekle. Ardından ust.PHP'deki ilgili bölümü şu şekilde değiştir. PHP Code: `<div id="back"> <div id="bos"></div> <div id="ust">` CSS'de çok yeniyim. Aklıma bu yol geldi. Bilmiyorum işini görür mü? __________________ Kişisel-Java & Python-Tarif-i Yemek

Sponsorlu Bağlantılar
Zoque.Forum Reklam