0
Kayıt Ol

Css Sayfa Düzeni

3

●

84

  • 08-09-2022, 21:09:36
    #1
    LondonAzeyd
    LondonAzeyd




    Body'e display flex verdim content'i header'ın altına alamıyorum nasıl bir yol izlemeliyim ?
  • Kabul Edilen Cevap
    • Canozkan
      0 Beğeni
      Mesaja Git 


      <body>
  <div class="side">
    SİDE
  </div>
  <main>
    <div class="header">Header</div>
    <div class="content">Content</div>
  </main>
</body>
      body{
  display:flex;
}
.side{
  background:red;
  display:block;
  height:600px;
  width:200px;
}
.header{
  background:blue;
  display:block;
  height:200px;
  width:600px;
}
.content{
  background:green;
  display:block;
  height:200px;
  width:600px;
}
  • 08-09-2022, 21:10:40
    #2
    TPKmedya
    TPKmedya
    🥇R10'un En İyi Ajansı 🥇
    Kodları atar mısın hocam
  • 08-09-2022, 21:18:12
    #3
    Bu cevap, konu sahibi tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Canozkan
    Canozkan 


    <body>
  <div class="side">
    SİDE
  </div>
  <main>
    <div class="header">Header</div>
    <div class="content">Content</div>
  </main>
</body>
    body{
  display:flex;
}
.side{
  background:red;
  display:block;
  height:600px;
  width:200px;
}
.header{
  background:blue;
  display:block;
  height:200px;
  width:600px;
}
.content{
  background:green;
  display:block;
  height:200px;
  width:600px;
}
  • 08-09-2022, 21:21:59
    #4
    LondonAzeyd
    LondonAzeyd
    Canozkan adlı üyeden alıntı: mesajı görüntüle 


    <body>
  <div class="side">
    SİDE
  </div>
  <main>
    <div class="header">Header</div>
    <div class="content">Content</div>
  </main>
</body>
    body{
  display:flex;
}
.side{
  background:red;
  display:block;
  height:600px;
  width:200px;
}
.header{
  background:blue;
  display:block;
  height:200px;
  width:600px;
}
.content{
  background:green;
  display:block;
  height:200px;
  width:600px;
}
    Teşekkürler.