Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Podrzędność div?
ones
post
Post #1





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 13.07.2009

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

Witam!
Mam problem.
Chcę pociąć szablon do div i w tym wypadku chciałbym aby był nadrzędny div z ramką w której reszta div'ów się znajduje. Pierwsze div'y działają odpowiednio lecz gdy dodam drugie wraz z float: right i left to drugie div'y wyskakują z ramki nadrzędnej.
Screen:
(IMG:http://www.iv.pl/images/72dk687zh50c40trqxr.jpg)
Kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <link rel="Stylesheet" type="text/css" href="style.css" />
  5.   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6.   <meta name="generator" content="PSPad editor, www.pspad.com">
  7.   <title></title>
  8.   </head>
  9.   <body>
  10.   <div id="glowny">
  11.     <div class="top">
  12.       <div class="logo"></div>
  13.       <div class="menugora">Home Page<img src="images/znacznik_menu.gif">Home Page</div>
  14.     </div>
  15.     <div class="user">
  16.       <div class="user1"></div>
  17.       <div class="user2"></div>
  18.     </div>
  19.   </div>
  20.   </body>
  21. </html>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. /* CSS Document */
  2. html, body {
  3. 	background-color: #e2e2e2;
  4. 	margin: 0;
  5. 	padding: 0;
  6.   width: 700px;
  7.   margin: 20 auto;
  8. }
  9. #glowny{
  10.   width: 700px;
  11.   background-color:#ffffff;
  12.   border-style: solid;
  13.   border-width: 2px;
  14.   border-color: #cdcdcd;
  15.   vertical-align:middle;
  16.   display: block;
  17. }
  18. .top {
  19.   height: 55px;
  20. }
  21. .logo {
  22.   background-image: url(images/logo.gif);
  23.   background-repeat: no-repeat;
  24.   height: 55px;
  25.   width: 233px;
  26.   float: left;
  27. }
  28. .menugora {
  29.   font-family: Tahoma;
  30.   font-size: 12px;
  31.   color: #bfbfbf;
  32.   width: 467px;
  33.   float: right;
  34.   margin: 20 auto; 
  35. }
  36. .user {
  37.   height: 215 px;
  38. }
  39. DIV.user1 {
  40.   height: 215px;
  41.   width: 198px;
  42.   background-image: url(images/logo2.gif);
  43.   background-repeat: no-repeat;
  44.   margin: 0 0 0 50;
  45.   float: left;
  46. }
  47. .user2{
  48.   height: 215px;
  49.   width: 401px;
  50.   background-image: url(images/image.gif);
  51.   background-repeat: no-repeat;
  52.   margin 0 0 0 0;
  53.   float: left;
  54. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
ones
post
Post #2





Grupa: Zarejestrowani
Postów: 51
Pomógł: 0
Dołączył: 13.07.2009

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

Jak widać na obrazku czy screenie.
Jak mogę zrobić aby te obrazki, które są poza tą białą ramką był w tej białej ramce? Aby ona się rozciągnęła?
Bez atrybutów float rozciąga się lecz obrazki są pod sobą. Chciałbym aby to wszystko było w tej białej ramce, w której znajduje się logo i prowizoryczne menu.

(IMG:http://www.iv.pl/images/7n39w0bg5727ytvqp43d.jpg)
Obrazowo... ;-) Jak miałoby to wyglądać. Z marginesami między obrazkami już sobie poradzę ;-)
Go to the top of the page
+Quote Post

Posty w temacie
- ones   Podrzędność div?   13.07.2009, 16:07:15
- - erix   Daj ten kod na żywo.   13.07.2009, 16:26:40
- - ones   http://www.gose.pl/pensjonat   13.07.2009, 16:49:35
- - erix   I co do kodu, w czym tkwi problem...?   13.07.2009, 18:01:42
- - ones   Jak widać na obrazku czy screenie. Jak mogę zrobi...   13.07.2009, 18:14:47
- - prszakal   1) Cierpisz na chorobę zwaną divitis 2) Rozwiązani...   14.07.2009, 07:24:24
- - ones   Już sobie jako tako z tym poradziłem, lecz dodając...   14.07.2009, 12:16:59

« Następny starszy · CSS · 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: 9.10.2025 - 03:56
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn