Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] tekst w div'ie
!*!
post
Post #1





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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

powiedzmy że mam coś takiego:

(IMG:http://images21.fotosik.pl/9/2274d149d61da78am.png)

div żółty to div głowny z zawartościa strony
div niebieski odpowiada za menu

gdy okno przegladarki sie zmiejszy / zmieni sie rozdzielczosc to div żółty zostaje dopasowany do niej a div niebieski pozostaje bez zmian i oto mi własnie chodzi i tak jest...

ale jakbym chciał dodać tekst do diva zółtego to wjedzie on na div niebieski:

(IMG:http://images21.fotosik.pl/10/334e88ac32f1c49em.png)

a ja bym chciał aby tekst miescił sie tylko w divie zółtym i pomniejszałby sie do rozmaru strony:

(IMG:http://images21.fotosik.pl/10/55d6aed14f680e06m.png)

css:

[HTML] pobierz, plaintext 
  1. #zolty{
  2.  
  3. width: 100%; 
  4. height:200px; 
  5. position:absolute; 
  6. left:0px; 
  7. top: 30px; 
  8. border-top: 1px solid #fad163;
  9. border-bottom: 1px solid #fad163;
  10.  
  11. }
  12.  
  13. #niebieski{
  14.  
  15. 	 position:absolute;
  16. 	 width: 250px; 
  17. 	 height: 100%; 
  18. 	 right:0px; 
  19. 	 top: 0px;
  20. 	 border-left: 1px solid #fad163;
  21.  
  22. }
[HTML] pobierz, plaintext


wiecie może jak uzyskać taki efekt?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mike
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. 	<head>
  4. 		<title>Example</title>
  5. 		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  6. 		<style type="text/css" media="screen">
  7. 		/*<![CDATA[*/
  8.  
  9. 		div#mainContainer {
  10. 			margin: auto;
  11. 			width: 80%;
  12. 		}
  13.  
  14. 		div#wrapper {
  15. 			overflow: hidden;
  16. 		}
  17.  
  18. 		div#contentContainer {
  19. 			margin-left: -200px;
  20. 			float: left;
  21. 			width: 100%;
  22. 			background-color: #ff0;
  23. 		}
  24.  
  25. 		div#content {
  26. 			margin-left: 200px;
  27. 		}
  28.  
  29. 		div#sidebar {
  30. 			float: right;
  31. 			width: 200px;
  32. 			height: 300px;
  33. 			background-color: #00f;
  34. 		}
  35.  
  36. 		/*]]>*/
  37. 		</style>
  38. 	</head>
  39. 	<body>
  40.  
  41. 	<div id="mainContainer">
  42. 		<div id="wrapper">
  43. 			<div id="contentContainer">
  44. 				<div id="content">
  45. 					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum ut ligula. Praesent eros. Donec pulvinar. Quisque nec nulla a ligula varius vehicula. Morbi ultricies interdum nisl. Quisque varius vehicula erat. Morbi rhoncus. Duis tempus eleifend metus. Nullam rhoncus tristique sapien. Ut in lorem et nulla ornare viverra. Duis nulla orci, malesuada sed, sagittis euismod, sodales blandit, ipsum. Duis fringilla dui ut pede. Nulla facilisi.</p>
  46. 					<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed eget eros eu felis pellentesque tempor. Mauris nonummy congue magna. Pellentesque adipiscing diam eu dolor. Nunc sagittis eleifend nisl. Quisque rhoncus faucibus mauris. Donec id neque. Aliquam vehicula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi eget ipsum nec mauris dignissim eleifend. Fusce euismod hendrerit turpis. Integer nulla.</p>
  47. 				</div>
  48. 			</div>
  49. 			<div id="sidebar"></div>
  50. 		</div>
  51. 	</div>
  52.  
  53. 	</body>
  54. </html>
[HTML] pobierz, plaintext


Coś takiego?

Dłuższa wersja tego co dął ~Saddam92 (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Ten post edytował mike_mech 22.02.2007, 14:13:02
Go to the top of the page
+Quote Post

Posty w temacie
- !*!   [xhtml] tekst w div'ie   21.02.2007, 15:12:59
- - Saddam92   może do #zolty dodaj jeszcze margin-right: 250px; ...   21.02.2007, 17:06:59
- - misiek172   margin nic takiego nei da chyba, najlepiej daj mi ...   21.02.2007, 17:52:55
- - Saddam92   nie mów chyba tylko sprawdź..   21.02.2007, 18:21:05
- - !*!   fakt, margin wogole nieraguje na to... a w procent...   21.02.2007, 18:48:34
- - tansky   Masz w ogóle dziwaczną strukturę, która wynika z p...   22.02.2007, 11:40:30
- - !*!   tansky i niezrozumiałeś, wtedy przy innej rozdziel...   22.02.2007, 13:41:09
- - radeksnara   Ja osobiscie nie sadze aby dalo sie to wykonac abs...   22.02.2007, 13:56:07
- - !*!   radeksnara w % to mi mało daje, poniewaz przy zmia...   22.02.2007, 13:58:55
- - Saddam92   nie wiem co ci nie działało z margin prosze zobacz...   22.02.2007, 14:00:11
- - mike_mech   [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC...   22.02.2007, 14:11:13
- - !*!   mike_mech - o właśnie o to mi chodziło hmm a da s...   22.02.2007, 16:06:41

« 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: 4.10.2025 - 21:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn