Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] kolejny raz div'y, nie chce sie ustawic w srodku
coolart
post
Post #1





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 9.03.2005

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

witam mam problem z divami a konkretniej z ustawieniem diva na środku. problemu nie ma kiedy div nie ma w sobie innych div'ow lecz kiedy już jakiś jest w środku główny div, nie chce sie główny div ustawić na środku.

http://www.fotosik.pl/pokaz_obrazek/be0be3a90295137b.html

[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="strona">
  3. 	<div id="baner">baner</div>
  4. 	<div id="cmenu">
  5. 	..:: Link1 :: Link2 :: Link3 :: Link4 :: Link5 :: Link6 :: Link7 :: Link8 ::..
  6. 	</div>
  7.   <div id="lewa"><? include"menu/lmenu.inc"; ?></div>
  8.   <div id="prawa"><? include"menu/rmenu.inc"; ?></div>
  9. 	<div id="center"><? include"menu/tresc.php"; ?></div>
  10. </div>
  11. </body>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. div{
  2. 		padding: 0px; 
  3. 		border: none; 
  4. 		margin: 0px auto 0px auto; 
  5. 		width: 760px; 
  6. }
  7. #strona {
  8. 		padding: 0px; 
  9. 		border: none; 
  10. 		margin: 0px; 
  11. 		width: 760px; 
  12. 		float   : inherit;
  13. }
  14. #baner {
  15.     border  : 1px solid white;
  16. 		margin  : 2px 0px;
  17. 		background: #494949;
  18.     padding : 0px;
  19.     width   : 758px;
  20.     float   : top;
  21. 		font-size: 10px;
  22. 		text-align: center;
  23. 		}
  24. #cmenu {
  25.     border  : 1px solid white;
  26. 		margin  : 2px 0px;
  27. 		background: #494949;
  28.     padding : 0px;
  29.     width   : 758px;
  30.     float   : top;
  31. 		font-size: 10px;
  32. 		text-align: center;
  33. 		}
  34. #lewa {
  35.     margin  : 0px;
  36.     border  : 1px solid white;
  37. 		background: #494949;
  38.     padding : 0px;
  39.     width   : 150px;
  40.     float   : left;
  41. }
  42. #center {
  43.     border  : 1px solid white;
  44. 		background: #494949;
  45.     padding : 0px;
  46.     width   : 448px;
  47.     float   : top;
  48. }
  49. #prawa {
  50.     margin  : 0px;
  51.     border  : 1px solid white;
  52. 		background: #494949;
  53.     padding : 0px;
  54.     width   : 150px;
  55.     float   : right;
  56. }
[HTML] pobierz, plaintext


jak ten główny div <div id="strona"> ustawić na środku?
dodam ze w programie ked wszystko ladnie lezy a w firefox'ie zjezdza do lewej

Ten post edytował JaRoPHP 14.01.2008, 17:31:50
Powód edycji: Dodanie tagu do tamatu.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
coolart
post
Post #2





Grupa: Zarejestrowani
Postów: 22
Pomógł: 0
Dołączył: 9.03.2005

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

dobra kod html wyglada tak
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
  <meta http-equiv="Content-type" content="application/xhtml+xml; charset=iso-8859-2" />
  <meta name="Description" content="prywatna strona'" />
  <LINK REL="stylesheet" type="text/css" HREF="style.css">
  <title>..:: site 4 site ::..</title>
</head>
<body>
<div id="strona">
    <div id="baner">baner</div>
    <div id="cmenu">
    ...:: Link1 :: Link2 :: Link3 :: Link4 :: Link5 :: Link6 :: Link7 :: Link8 ::.
    </div>
  <div id="lewa"><? include"menu/lmenu.inc"; ?></div>
  <div id="prawa"><? include"menu/rmenu.inc"; ?></div>
  <div id="center"><? include"menu/tresc.php"; ?></div>
</div>
</body>
</html>


Kod
body
    {
     background: #000000;
     margin: 0px;
     padding: 0px;
     font-size: 10px;
     font-family: verdana, tahoma;
     color: #ffffff;
     text-align: left;
    
}

div{
        margin: auto;
        padding: 0px;
        border: none;
        margin: 0px auto 0px auto;
        width: 760px;
}

a
    {color: #9a0000;
    }
a:visited
    {color: #c60000;
    }
a:hover
    {color: #cb8583;
    }
#strona {
        margin: auto;
        border: none;
        width: 760px;
        float: none;
}
#baner {
    border  : 1px solid white;
        margin  : 2px 0px 2px;
        background: #494949;
    width   : 760px;
        float: none;
        text-align: center;
        }
#cmenu {
    border  : 1px solid white;
        margin  : 2px 0px 2px;
        background: #494949;
    width   : 760px;
        float: none;
        font-size: 10px;
        text-align: center;
        }
#lewa {
    border  : 1px solid white;
        background: #494949;
    padding : 0px;
    width   : 150px;
        float: left;
}
#center {
        margin: 0px 2px;
    border  : 1px solid white;
        background: #494949;
    width   : 450px;
        float: left
}
#prawa {
    border  : 1px solid white;
        background: #494949;
    width   : 150px;
        float: right;
        }

#ntytul {
     background: #868686;
     font-weight: bold;
     font-size: 11px;
     text-align: left;
     background: #494949;
   width   : 440px;
     float:left;
}
#tresc {
     font-size: 10px;
     text-align: left;
     background: #494949;
   width   : 440px;
     float: left;
     }

poprawiłem css'a, co do menu to tylko prowizorka chociaż zastanawiałem sie nad taki lecz po powiększeniu krechy wylatują ale chyba będę inaczej to robił. ale dziki za poradnik z menu.
div i center musi zostać ponieważ całość zlatuje do lewej strony a nie na środek.
grzesiek
Cytat
Nie wiem czemu nadajesz im szerokość o 2 px mniejszą, by strona wyglądała na rozjechaną?

nie bo jak daje 100% ro rozjeżdżają sie. wole stosować twarde reguły w koncu to div ma mnie słuchać a nie ja jego.
jeszcze dzisiaj trochę poćwiczę z tymi div'ami bo jeszcze całkiem ich nie rozumie i dzięki za linki pomocne będą

Ten post edytował coolart 14.01.2008, 22:05:55
Go to the top of the page
+Quote Post

Posty w temacie
- coolart   [html] kolejny raz div'y   13.01.2008, 23:58:04
- - Jerem!asz   spróbuj #body { text-align: center; } do #strona ...   14.01.2008, 00:02:05
- - grzesiek_g   Pierwszy raz widzę by można było wykonać float:top...   14.01.2008, 00:35:33
- - c0cr0ach   Id strona musi zawierać: [HTML] pobierz, plaintex...   14.01.2008, 00:36:42
- - coolart   nie chodzi o treść a o div o id strona który ustaw...   14.01.2008, 00:45:04
- - grzesiek_g   [HTML] pobierz, plaintext #strona { width:760px;...   14.01.2008, 00:49:42
- - coolart   dobra kod html wyglada tak Kod<!DOCTYPE ht...   14.01.2008, 18:12:54
- - grzesiek_g   Powiedz mi, gdzie masz tu float:top? Już wcze...   14.01.2008, 18:39:10

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