Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Div główny i dwa divy obok siebie wewnątrz niego.
8rol
post 8.01.2010, 15:43:38
Post #1





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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

Witam.


Mam jednego większego diva (wyśrodkowany margin: auto), a wewnątrz niego dwa inne divy.
Chciałbym aby dwa te divy znajdowały się obok siebie, jednak gdy nadam im float: left; to wypadają one z tego głównego diva.


Bardzo proszę o radę.
Go to the top of the page
+Quote Post
trucksweb
post 8.01.2010, 16:18:24
Post #2





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

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

glownemu tez ustawiasz float:left i najlepiej tez position:relative


--------------------
Rozmawia dwóch dyrektorów:
- Jaki jest twój ideał sekretarki?
- 20-letnia dziewczyna z 30-letnim doświadczeniem.
Go to the top of the page
+Quote Post
8rol
post 8.01.2010, 16:30:57
Post #3





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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

Dzięki, podziałało, jednak teraz główny div nie znajduję się już na środku ekranu, co z tym zrobić?

Mam jeszcze pytanie jak ustawiać pozycje tych wewnętrznych divów względem tego głównego, a nie całego ekranu?

Ten post edytował 8rol 8.01.2010, 16:34:25
Go to the top of the page
+Quote Post
trucksweb
post 8.01.2010, 18:14:34
Post #4





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

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

wklej kod jaki masz lacznie z css to zobaczymy bo teraz nie rozumiem


--------------------
Rozmawia dwóch dyrektorów:
- Jaki jest twój ideał sekretarki?
- 20-letnia dziewczyna z 30-letnim doświadczeniem.
Go to the top of the page
+Quote Post
8rol
post 9.01.2010, 00:49:37
Post #5





Grupa: Zarejestrowani
Postów: 66
Pomógł: 0
Dołączył: 10.10.2009

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

Zostawiłem tylko to co jest kluczowe, aby przedstawić mój problem.

CSS:
[HTML] pobierz, plaintext 
  1. body {
  2. 	background: #f3fcfe;
  3. 	font-family: Georgia, serif;
  4. 	margin: 0 auto; 
  5.  
  6. }
  7.  
  8. #ustawienia {
  9. width: 60%;
  10. background: #c6d7ed;
  11. border: solid 1px #9dbbe0;
  12. padding: 2px;
  13. float:left;
  14.  
  15. }
  16.  
  17. #tabelka {
  18. float:left
  19. }
  20.  
  21. #para{
  22. position:relative;
  23. top: 20%;
  24. left: 30%;
  25. float:left
  26. }
[HTML] pobierz, plaintext



HTML:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<title>Tytul</title>
  4. 	<link rel="stylesheet" type="text/css" href="styl.css">
  5. </head>
  6.  
  7. <body>
  8. 	<div id="ustawienia">
  9. 		<div id="tabelka">
  10. 		<table border="1">
  11. 		<tr><th>ID</td><th>nazwa1</th><th>nazwa2</th></tr>
  12. 		<tr><td>test</td><td>test</td><td>test</td>
  13. 		<tr><td>test</td><td>test</td><td>test</td>
  14. 		<tr><td>test</td><td>test</td><td>test</td>
  15. 		<tr><td>test</td><td>test</td><td>test</td>
  16. 		<tr><td>test</td><td>test</td><td>test</td>
  17. 		<tr><td>test</td><td>test</td><td>test</td>
  18. 		<tr><td>test</td><td>test</td><td>test</td>
  19. 		</table>
  20. 	</div>
  21.  
  22. 	<div id="para">
  23. 		<table border="1">
  24. 		<tr><th>ID</td><th>nazsdfwa1</th><th>nasdzwa2</th></tr>
  25. 		<tr><td>tesdst</td><td>tesst</td><td>test</td>
  26. 		<tr><td>tesst</td><td>tesdst</td><td>test</td>
  27. 		<tr><td>tesfst</td><td>tesdfst</td><td>test</td>
  28. 		<tr><td>tesdfst</td><td>tsdfest</td><td>test</td>
  29. 		<tr><td>tesdfst</td><td>tsdfest</td><td>test</td>
  30. 		<tr><td>tsdfest</td><td>tsdfest</td><td>test</td>
  31. 		<tr><td>tsdfest</td><td>tsdfest</td><td>test</td>
  32. 		</table>
  33. 	</div>
  34.  
  35.  
  36. 	</div>
  37. </body>
  38. </html>
[HTML] pobierz, plaintext


Chodzi teraz o to, aby ten główny div (id="ustawienia") był wyśrodkowany.

Ten post edytował 8rol 9.01.2010, 00:50:04
Go to the top of the page
+Quote Post
athei
post 9.01.2010, 12:12:23
Post #6





Grupa: Zarejestrowani
Postów: 389
Pomógł: 141
Dołączył: 11.04.2009

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

Z #ustawienia usuń float: left i daj margin: 0 auto; overflow: hidden;
Go to the top of the page
+Quote Post
« Następny starszy · CSS · 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: Standardowy · Przełącz na: 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: 31.05.2024 - 18:44
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn