Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> div dostosowany do ekranu
pacior
post 19.02.2008, 15:18:19
Post #1





Grupa: Zarejestrowani
Postów: 101
Pomógł: 2
Dołączył: 25.09.2007

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Cezar708
post 19.02.2008, 15:20:57
Post #2





Grupa: Zarejestrowani
Postów: 1 116
Pomógł: 119
Dołączył: 10.05.2005
Skąd: Poznań

Ostrzeżenie: (0%)
-----

dodaj po prostu marginesy, dla odpowiednich divów:

CSS:
Kod
.margins20px{
  margin-left: 20px;
  margin-right: 20px;
}
.margins10px{
  margin-left: 10px;
  margin-right: 10px;
}
Go to the top of the page
+Quote Post
pacior
post 19.02.2008, 16:12:03
Post #3





Grupa: Zarejestrowani
Postów: 101
Pomógł: 2
Dołączył: 25.09.2007

Ostrzeżenie: (0%)
-----

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 
  1. <html>
  2. <head>
  3.   <title>Okna</title>
  4.   <meta http-equiv="content-type" content="text/html; charset=utf-8">
  5.   <link rel="stylesheet" type="text/css" href="style.css">
  6.   <script language="javascript" type="text/javascript" src=script.js"></script>
  7. </head>
  8.  
  9. <body>
  10.   <div id="main">
  11.     <div id="col1">1</div>
  12.     <div id="col2">2</div>
  13.   </div>
  14. </body>
[HTML] pobierz, plaintext


css
[HTML] pobierz, plaintext 
  1. #main {
  2.  border: 1px solid #000000; margin-left: 20px; margin-right: 20px; 
  3. }
  4. #col1 {
  5.  border: 1px solid #000000; margin: 1%; float: left; width:47%;
  6. }
  7. #col2 {
  8.  border: 1px solid #000000; margin: 1%; float: left; width:47%;
  9. }
[HTML] pobierz, plaintext


Pytanie kolejne dlaczego zewnętrzny div jest linią a nie wszystko w nim??
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:23
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn