Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] jak to przerobić
itson
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 3.01.2007

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


mam taką stronkę
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5.  
  6. <title>Dynamic Drive: CSS Fixed Layout #3.1- (Fixed-Fixed-Fixed)</title>
  7.  
  8.  
  9. <link rel="stylesheet"
  10. href="ssb1.css"
  11. type="text/css" />
  12.  
  13.  
  14. </head>
  15. <div id="maincontainer">
  16.  
  17. <div id="topsection"><div class="innertube"><h1>CSS </h1></div></div>
  18.  
  19. <div id="contentwrapper">
  20. <div id="contentcolumn">
  21. <div class="innertube"><b>Content Column: <em>Fixed</em></b> 1</div>
  22. </div>
  23. </div>
  24.  
  25. <div id="leftcolumn">
  26. <div class="innertube"><b>Left Column: <em>180px</em></b> 2 wwwwwwwwwwwwwww w f sg sdfg sdg sd gs gsd g sdg sd sd gsd sd asdf sdg sgfd gsd sdg sd gsdg sd gsd gsd</div>
  27.  
  28. </div>
  29.  
  30. <div id="rightcolumn">
  31. <div class="innertube"><b>Right Column: <em>190px</em></b> 3</div>
  32. </div>
  33.  
  34.  
  35. <div id="footer"><a href="http://www.dynamicdrive.com/style/">cośtam coś</a></div>
  36.  
  37.  
  38. </div>
  39. </body>
  40. </html>


i do tego css
  1. <style type="text/css">
  2.  
  3. body{
  4. margin:0;
  5. padding:0;
  6. line-height: 1.5em;
  7. }
  8.  
  9. b{font-size: 110%;}
  10. em{color: red;}
  11.  
  12. #maincontainer{
  13. width: 840px; /*Width of main container*/
  14. margin: 0 auto; /*Center container on page*/
  15. }
  16.  
  17. #topsection{
  18. background: #EAEAEA;
  19. height: 90px; /*Height of top section*/
  20. }
  21.  
  22. #topsection h1{
  23. margin: 0;
  24. padding-top: 15px;
  25. }
  26.  
  27. #contentwrapper{
  28. float: left;
  29. width: 100%;
  30. }
  31.  
  32. #contentcolumn{
  33. margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
  34. }
  35.  
  36. #leftcolumn{
  37. float: left;
  38. width: 180px; /*Width of left column in pixel*/
  39. margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
  40. background: #C8FC98;
  41. }
  42.  
  43. #rightcolumn{
  44. float: left;
  45. width: 190px; /*Width of right column*/
  46. margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
  47. background: #FDE95E;
  48. }
  49.  
  50. #footer{
  51. clear: left;
  52. width: 100%;
  53. background: black;
  54. color: #FFF;
  55. text-align: center;
  56. padding: 4px 0;
  57. }
  58.  
  59. #footer a{
  60. color: #FFFF80;
  61. }
  62.  
  63. .innertube{
  64. margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
  65. margin-top: 0;
  66. }
  67.  


jak przerobić tego css-a żeby teraz na na stronie mam zrobione ze najpierw twozy sie środek porem lewa i prawa strona jak to przerobić żeby pierw tworzyć lewę i prawą stronę a na komiec środek?
Go to the top of the page
+Quote Post

Posty w temacie
- itson   [css] jak to przerobić   13.11.2007, 17:23:18
- - webJ@cob   Czy o taki układ Tobie chodzi ? <!DOCTYPE ...   13.11.2007, 22:03:07
- - itson   dokładnie taki, dziękuje bardzo   13.11.2007, 22:26:54


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 31.08.2025 - 12:20