Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> 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
erix
post
Post #2





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Daj ten kod na żywo.
Go to the top of the page
+Quote Post
ones
post
Post #3





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

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

http://www.gose.pl/pensjonat
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
I co do kodu, w czym tkwi problem...?
Go to the top of the page
+Quote Post
ones
post
Post #5





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
prszakal
post
Post #6





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 24.03.2008

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

1) Cierpisz na chorobę zwaną divitis
2) Rozwiązaniem Twojego problemu jest właściwiość overflow z wartością hidden, którą powinieneś nadać rodzicowi rzekomo "wyskakujących" elementów.

pozdrawiam
prszakal
Go to the top of the page
+Quote Post
ones
post
Post #7





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

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

Już sobie jako tako z tym poradziłem, lecz dodając overflow: hidden do rodzica znika mi połowa iframe maps google, która nie rozciąga diva odpowiednio.

Nie mam pojęcia czemu iframe nie rozciąga pod FF, pod IE rozciąga normalnie.

Może w tym mi pomożecie?

Już sobie poradziłem.
Użyłem na początku strony:
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html 
  3.      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« 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: 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 Aktualny czas: 23.08.2025 - 12:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn