Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Div obok / przylegający do wyśrodkowanego diva
korro
post
Post #1





Grupa: Zarejestrowani
Postów: 259
Pomógł: 42
Dołączył: 8.04.2005
Skąd: Mława

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

Witam.

Kod strony:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <title></title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <style type="text/css">
  7.             #div1 {
  8.                 background-color:blue;
  9.                 width:100px;
  10.                 height:100px;
  11.             }
  12.             #div2 {
  13.                 background-color:red;
  14.                 width:600px;
  15.                 height:400px;
  16.                 margin-left:auto;
  17.                 margin-right:auto;
  18.  
  19.             }
  20.         </style>
  21.     </head>
  22.     <body>
  23.         <div id="div1"></div>
  24.         <div id="div2"></div>
  25.     </body>
  26. </html>
[HTML] pobierz, plaintext

Działająca: http://krr.ayz.pl/forum/1.html

Chciałbym aby czerwony kwadrat był w jednej linii z niebieskim, ale najważniejsze, aby przylegał do niego z lewej strony.
O tak: (IMG:http://krr.ayz.pl/forum/1.png)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
koderrr
post
Post #2





Grupa: Zarejestrowani
Postów: 255
Pomógł: 16
Dołączył: 4.07.2007

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

wstaw jeden div container nadaj mu margin:auto

wstaw swoje dwa divy wewnatrz i ustaw im float:left

marginy zostaw w spokoj przy tych divach-> wywal je


[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.     <head>
  4.         <title></title>
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <style type="text/css">
  7.             #div1 {
  8.                 background-color:blue;
  9.                 width:100px;
  10.                 height:100px;
  11.                 float:left;
  12.             }
  13.             #div2 {
  14.                 background-color:red;
  15.                 width:600px;
  16.                 height:400px;
  17.                float:left;
  18.                }
  19.              #div3 {
  20.                 margin:auto;
  21.                 width:700px;
  22.                 height:400px;
  23.  
  24.             }
  25.         </style>
  26.     </head>
  27.     <body>
  28.         <div id="div3">
  29.         <div id="div1"></div>
  30.         <div id="div2"></div>
  31.         </div>
  32.     </body>
  33. </html>
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
[HTML] pobierz, plaintext


Ten post edytował koderrr 22.11.2009, 15:00:03
Go to the top of the page
+Quote Post

Posty w temacie
- korro   [HTML][CSS] Div obok / przylegający do wyśrodkowanego diva   22.11.2009, 13:41:44
- - koderrr   float:left dla obu divow ? float:left dla obu div...   22.11.2009, 14:04:53
- - korro   div2 musi zostać centralnie. div1 przylegać do nie...   22.11.2009, 14:04:55
- - seth-kk   raczej cos w stylu [HTML] pobierz, plaintext <d...   22.11.2009, 14:10:56
- - ziqzaq   Witam. Efekt można osiągnąć też przez position: ab...   22.11.2009, 14:42:44
- - koderrr   wstaw jeden div container nadaj mu margin:auto ws...   22.11.2009, 14:54:19
- - korro   @koderrr: chodziło mi o to, żeby centralnie umiesz...   22.11.2009, 15:32:18

« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 17.10.2025 - 18:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn