Header arka planı sıfırlayamıyorum ?

04-07-2010, 22:45:54

Uzun zamandır soru sormaya ara vermiştim, bi başlangıç yapayım dedim.

Ufak bi arka plan resmim var, bildiğim kadarıyla tüm kodları denedim ama sonuca ulaşamadım, sağda ve solda boşluk kalmasını istemiyorum, nasıl yapabileceğim hakkında fikri olan var mı ?

Örnek resim: http://www.ressim.net/e/upload/ef01cb21.gif
Css: #header {margin:0 auto;padding:0;background:url(header_bg.gif) repeat-x;height:105px;width:100%;}

Teşekkürler.

04-07-2010, 22:47:54

#2

~~JustGo~~

Üyeliği durduruldu

body { margin:0; padding:0; }

denermisin?

04-07-2010, 22:57:49

#3

triposi

Onu da denemiştim dostum, şimdide denedim olmadı.

04-07-2010, 23:08:44

#4

~~JustGo~~

Üyeliği durduruldu

#header bi div içinde olabilir o divin boyutu %90 civarı olabilir? Kodlarını koysan daha iyi olcak ama. Bi resme bakıp fikir yürütmek pek mantıksız.

04-07-2010, 23:15:02

#5

triposi

Daha yeni başladım dostum keşke eklenecek kod olsa.

html dosyasındaki kod:
<div id="header">asd</div>

css dosyasındaki kod:
#header {margin:0;padding:0;background:url(header_bg.gif) repeat-x;height:105px;width:100%;}

Bu kadar.

04-07-2010, 23:20:46

#6

~~JustGo~~

Üyeliği durduruldu

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>New Document</title>
  <style type="text/css">
      body    { padding: 0; margin: 0; background: gray; }
      #header { padding: 70px; margin: 20px auto; background: white; text-decoration: center;  }
  </style>
</head>
<body>
    <div id="header">
        Selam
    </div><!--[if !IE]>header<![endif]-->
</body>
</html>

Bi göz atıp kendi kodlarına ve yaptığına göz atarmısın.

04-07-2010, 23:27:18

#7

triposi

Normal şartlarda body'i yazarak başlardım ama ne hikmetse yazmamışım. Aşağıdaki kod sayesinde çözüldü olay, çok teşekkür ediyorum dostum.

body { padding: 0; margin: 0; background: gray; }

04-07-2010, 23:29:20

#8

~~JustGo~~

Üyeliği durduruldu

Rica, kolay gelsin ;-)