Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Ustawienie DIV
mateofi
post
Post #1





Grupa: Zarejestrowani
Postów: 83
Pomógł: 0
Dołączył: 30.12.2004

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

Witam,

Mam następujący problem.

Mam dwa pliki:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html
  2.      PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4.      <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  7. <meta name="Description" content="Mateofi homepage " />
  8. <meta name="Robots" content="all" />
  9. <meta name="Pragma" content="no-cache" />
  10. <meta name="author" content="Mateusz Fijałek" />
  11. <meta name="keywords" content="xhtml, css, php, mateofi, homepage" />
  12. <meta http-equiv="Content-Language" content="pl" />
  13. <title>mateofi homepage - Strona domowa Mateusza Fijałka</title>
  14. <link rel="Stylesheet" href="styl/styl.css" type="text/css" />
  15.   </head>
  16.   <body xml:lang="pl">
  17.     <div id="panel">
  18.     <ul class="menug">
  19.      <li>Strona Główna | </li>
  20.      <li>Mapa strony | </li>
  21.      <li>Kontakt</li>
  22.     </ul>
  23.     </div>
  24.       <div id="bok">
  25.           <div id="top">
  26.           <h1>Strona domowa Mateusza Fijałka</h1>
  27.           </div>
  28.           <div id="menu">
  29.            <ul class="menu1">
  30.             <li>Strona Główna</li>
  31.             <li>O mnie</li>
  32.             <li>Artykuły
  33.               <ul class="menu2">
  34.                   <li>XHTML</li>
  35.                   <li>CSS</li>
  36.                   <li>php</li>
  37.                   <li>Różne</li>
  38.               </ul>
  39.             </li>
  40.             <li>Tutoriale</li>
  41.             <li>Portfolio</li>
  42.             <li>Linki</li>
  43.             <li>Kontakt</li>
  44.          </ul>
  45.          </div>
  46.          <div id="tresc">
  47.          dasd
  48.          </div>
  49.    </body>
  50. </html>
[HTML] pobierz, plaintext


i css
[HTML] pobierz, plaintext 
  1. html{
  2.     background:#F0F2F3 url(pasek_gora.gif) repeat-x;
  3. }
  4. body{
  5.     width:700px;
  6.     margin:0 auto 0 auto;
  7.     text-align:center;
  8. }
  9.  
  10.  
  11. #bok{
  12.     width:210px;
  13.     float:left;
  14. }
  15. #top{
  16.     background: url(top.gif) no-repeat;
  17.     width:100%;
  18.     height:110px;
  19.     margin:0;
  20.     padding:0;
  21. }
  22. h1{
  23.     color:#FFFFFF;
  24.     margin:0;
  25.     padding-top:85px;
  26.     text-align:center;
  27.     font-size:10px;
  28.     font-family:verdana;
  29. }
  30. #menu{
  31.     background: url(menu.gif) no-repeat;
  32.     height:259px;
  33.     width:100%;
  34.     padding:20px;
  35.     font-size:13px;
  36.     font-family:Verdana;
  37.     color:#FFFFFF;
  38. }
  39.  
  40. *.menu1{
  41.     padding-left:20px;
  42.     margin:0;
  43.     text-align:left;
  44. }
  45. *.menu1 li{
  46.     list-style: url(menu1.gif);
  47. }
  48. *.menu2{
  49.     padding-left:30px;
  50.     margin:0;
  51.     text-align:left;
  52. }
  53. *.menu2 li{
  54.     list-style: url(menu2.gif);
  55. }
  56. #panel{
  57.     float:right;
  58. }
  59. *.menug{
  60.     font-size:11px;
  61.     font-family:Verdana;
  62.     color:#F0CB4A;
  63.     text-decoration:bold;
  64. }
  65. *.menug li{
  66.     display:inline;
  67. }
  68. #tresc{
  69.     width:470px;
  70.     background-color:red;
  71. }
[HTML] pobierz, plaintext


Witam, i jak to zrobić, aby DIV treść znajdował się w tym: http://www.wadowice.ovh.org/hp2.gif miejscu, a nie na samym dole.

Kombinuje jak mogę a tu dalej nic

strona z tym DIVEM na dole jest tutaj:
http://www.mateofi.ovh.org/homepage/index.html

Pozdrowienia
mateofi
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
ens0re
post
Post #2





Grupa: Zarejestrowani
Postów: 143
Pomógł: 0
Dołączył: 23.08.2005
Skąd: Warszawa

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

Chyba coś z floatami zes zsypał. #panel słuzy jako kontener i ma float: right; #bok to menu i jest float: left; - ok, natomiast #tresc nie ma zadnego nadanego floata. Usun z #panel float: right; i daj to #tresc.
Go to the top of the page
+Quote Post

Posty w temacie
- mateofi   Ustawienie DIV   21.07.2006, 18:55:06
- - ens0re   Chyba coś z floatami zes zsypał. #panel słuzy jako...   21.07.2006, 19:09:01
- - mateofi   nie pomogło   21.07.2006, 19:48:30
- - ens0re   Namieszałeś w kodzie :/ I tak wszystko jest namies...   21.07.2006, 20:35:53
- - mateofi   w IE nie działa. Próbowałem już tym...   21.07.2006, 20:43:32
- - ens0re   Bo masz w menu taką linijke: padding-left:20px; Mo...   21.07.2006, 21:01:52
- - mateofi   a w Operze top sie obniża o ok 10 px   21.07.2006, 21:17:56
- - ens0re   [HTML] pobierz, plaintext * {margin: 0; padding: 0...   21.07.2006, 21:22:17
- - mateofi   dzięki wielkie działa. jeszcze raz wielkie dzięki   21.07.2006, 21:31:20

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