Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]dwa elementy obok siebie
nigraS
post
Post #1





Grupa: Zarejestrowani
Postów: 179
Pomógł: 1
Dołączył: 25.11.2006

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

W jaki sposób ustawić, by div 1 i div 2 były ustawione po lewej i po prawej stronie? i jeśli text znajdujący się na div 2, to div 2 będzie się powiększał, a div 1 pozostanie i na odwrót.

(IMG:http://s4.zapodaj.net/images/918033.jpg)


index.tpl
[PHP] pobierz, plaintext 
  1. <?php
  2. <body>
  3.   <div id="banner">  </div>
  4.   <div id="pod_bannerem"></div>
  5.   <div id="tlo_linkow"></div>
  6.   <div id="lista_przedstawicieli"></div>
  7.   <div id="text"></div>
  8. </body>
  9. ?>
[PHP] pobierz, plaintext


css
Kod
body{
  background-color:black;
  text-align:center;
}

#banner{
  /*border:solid white 1px;*/
  background-image:url("img/banner.gif");
  background-position:left center;
  background-repeat:no-repeat;
  position:relative;
  margin-left: auto;
  margin-right: auto;  
  width:996px;
  height:198px;
}
#pod_bannerem{
  background-image:url("img/tlo/pod_bannerem.gif");
  background-position:left center;
  background-repeat:no-repeat;
  position:relative;
  margin-left: auto;
  margin-right: auto;  
  width:1024px;
  height:29px;
}
#tlo_linkow{
  background-image:url("img/tlo/tlo_linkow.gif");
  background-position:left center;
  background-repeat:no-repeat;
  position:relative;
  margin-left: auto;
  margin-right: auto;  
  width:1024px;
  height:145px;
}


#lista_przedstawicieli{
  background-image:url("img/tlo/lista_przedstawicieli.gif");
  background-position:left center;
  background-repeat:no-repeat;
  position:relative;
  margin-left: 62px;
  width:198px;
  height:337px;
}
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
nigraS
post
Post #2





Grupa: Zarejestrowani
Postów: 179
Pomógł: 1
Dołączył: 25.11.2006

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

a jak ustawić, by kolumny się nie ruszały?
Gdy jest długi tekst, i pojawia się suwak, to jest ok, a gdy jest mały test i brak suwaka, kolumny się przesuwają.

(IMG:http://s3.zapodaj.net/images/49147137.jpg)
(IMG:http://s5.zapodaj.net/images/12426016.jpg)
Go to the top of the page
+Quote Post

Posty w temacie
- nigraS   [HTML][CSS]dwa elementy obok siebie   22.01.2009, 11:15:19
- - EarthCitizen   Kod#lista_przedstawicieli { ... float: left;...   22.01.2009, 11:22:29
- - erix   http://www.alistapart.com/articles/holygrail   22.01.2009, 18:33:16
- - nigraS   zrobiłem tak: css Kod#tresc { padding-left...   25.01.2009, 14:33:14
- - erix   Kodheight: 337px; Złóż ten lay od nowa, a nie...   25.01.2009, 15:02:42
- - Asmox   Zrób takie coś: [HTML] pobierz, plaintext <div ...   26.01.2009, 11:43:26
- - nigraS   a jak ustawić, by kolumny się nie ruszały? Gdy jes...   26.01.2009, 13:43:58
- - erix   Strzelam, że trzeba podać szerokość dla #tresc.   26.01.2009, 16:13:32
- - nigraS   jak poszerzyłem #tresc to teraz jest na odwrót Gdy...   26.01.2009, 16:34:15
- - erix   Ale pamiętaj, że do szerokości wliczają się równie...   26.01.2009, 16:36:02
- - nigraS   padding mam tylko w #tresc, tak on wygląda Kod#tre...   26.01.2009, 16:38:43
- - erix   http://www.w3.org/TR/CSS21/box.html#box-dimensions   26.01.2009, 17:15:12
- - nigraS   patrzę i nie widzę, jaki popełni...   27.01.2009, 11:18:51
- - erix   Nie widzę, abyś nadał szerokość dla #tresc.   27.01.2009, 18:12:00
- - koreja   Z doskoku zapytam: po co position:relative w #tres...   27.01.2009, 19:18:35
- - nigraS   ok, dodałem width:1024px; do treści, a #...   28.01.2009, 13:51:30

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