Forum PHP.pl > div dostosowany do ekranu

Pomoc - Szukaj - Użytkownicy - Kalendarz

pacior

19.02.2008, 15:18:19

Jak zrobić diva który będzie dostosowywał sie do okna przeglądarki, szerokość diva powinna być 100%-20px po obu stronach. A w tym divie dwa diwy z szerokością po 50% - 10px po obu stronach.

Cezar708

19.02.2008, 15:20:57

dodaj po prostu marginesy, dla odpowiednich divów:

CSS:

Kod

.margins20px{
  margin-left: 20px;
  margin-right: 20px;
}
.margins10px{
  margin-left: 10px;
  margin-right: 10px;
}

pacior

19.02.2008, 16:12:03

Dzięki działa ale jak zrobić w środku dwa divy których szerokość będzie taka sama??

ok udało mi sie zrobić dwa divy kod

[HTML] pobierz, plaintext 
<html>
<head>
  <title>Okna</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <link rel="stylesheet" type="text/css" href="style.css">
  <script language="javascript" type="text/javascript" src=script.js"></script>
</head>
 
<body>
  <div id="main">
    <div id="col1">1</div>
    <div id="col2">2</div>
  </div>
</body>
[HTML] pobierz, plaintext

css

[HTML] pobierz, plaintext 
#main {
 border: 1px solid #000000; margin-left: 20px; margin-right: 20px; 
}
#col1 {
 border: 1px solid #000000; margin: 1%; float: left; width:47%;
}
#col2 {
 border: 1px solid #000000; margin: 1%; float: left; width:47%;
}
[HTML] pobierz, plaintext

Pytanie kolejne dlaczego zewnętrzny div jest linią a nie wszystko w nim??

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.