Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] pozycjonowanie problem
robert-0627
post 30.03.2008, 21:43:43
Post #1





Grupa: Zarejestrowani
Postów: 89
Pomógł: 1
Dołączył: 14.02.2007
Skąd: SZCZECINEK

Ostrzeżenie: (20%)
X----

Witam ten problem mam już od dłuższego czasu i nie mogę sie z nim uporać . Ustawiam sobie div wszystko pięknie ładnie ale w operze tak jest . Natomiast kiedy przechodze do moziili ostepy się pomniejszaja przez co nachodzi na siebie . Jakiego pozycjonowania mam użyć i jakich mniej więcej parametrów aby wszystko było takie same w każdej przeglądarce ? Lub jeśli ktoś może dac jakiś link do dobrego kursu z tymi divami smile.gif
Go to the top of the page
+Quote Post
Crozin
post 30.03.2008, 22:37:38
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Pokaż kod/daj linka do strony bo nie bardzo rozumiem o co Ci chodzi.

Może wyzerowanie wszystkich domyślnych marginesów pomoże?
Kod
html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form,
fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub,
dfn, ins, del, q, cite, var, samp, code, kbd, tt{
  margin: 0;
  padding: 0;
  border: 0;
}
Go to the top of the page
+Quote Post
robert-0627
post 31.03.2008, 08:20:37
Post #3





Grupa: Zarejestrowani
Postów: 89
Pomógł: 1
Dołączył: 14.02.2007
Skąd: SZCZECINEK

Ostrzeżenie: (20%)
X----

Te róznice w przeglądarkach już naprawiłem jendak teraz mam problem z colorami.

Daje color container green jednak na stronie nic się nie stało ? Co zrobiłem nie tak ?

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  5. <title>INDEX</title>
  6. <meta>
  7.  
  8. <style type="text/css">
  9. /* <![CDATA[ */
  10.                #lewa { background-color: black ;
  11.                 position: absolute; 
  12. 		margin-top: 20px; 
  13. 		margin-left: 50px }
  14.  
  15. 		#prawa { background-color: black ;
  16.                 position: absolute;
  17. 		margin-top: 20px; 
  18. 		margin-left: 450px }
  19.  
  20.                 #container {
  21.                 margin:0 auto;
  22.                 padding:0 5px 0 5px;
  23.                 position:relative;
  24.                 width:750px;
  25.                 background-color: green ;
  26.                 text-align:left;
  27.                 clear: both;
  28.     }
  29.  
  30.  
  31. 		#srodek { background-color: black ;
  32.                 position: absolute;
  33. 		margin-top: 20px; 
  34. 		margin-left: 250px }
  35. (...)
  36. /* ]]> */
  37. </style>
  38. </head>
  39. <body bgcolor="#FF0000" text="#FFFFFF" link="#00FF00" alink="#FF00FF" vlink="#00FFFF">
  40.  
  41. <div id="container">
  42.  
  43. <div id="lewa" style="border: solid green 3px">
  44. <h1>HEHEHEHE</h1>
  45.  
  46. </div>
  47. <div id="prawa" style="border: solid green 3px">
  48. <h1>HEHEHEHE</h1>
  49. </div>
  50. <div id="srodek" style="border: solid green 3px">
  51. <h1>HEHEHEHE</h1>
  52. </div>
  53. </div>
  54. </body>
  55. </html>
[HTML] pobierz, plaintext


Ten post edytował robert-0627 31.03.2008, 17:01:04
Go to the top of the page
+Quote Post
Crozin
post 31.03.2008, 18:32:18
Post #4





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

Zamiast nazw słownych lepiej użyć zapisu szesnastkowego - kolor zielony to: #0000FF (lub w skrócie: #00F)
Go to the top of the page
+Quote Post
fjellah
post 31.03.2008, 19:05:48
Post #5





Grupa: Zarejestrowani
Postów: 51
Pomógł: 1
Dołączył: 26.08.2006
Skąd: Simplicity

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

...postanowiłem wpaść. Crozin, zapis 
[HTML] pobierz, plaintext 
  1. html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, address, form, 
  2. fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, 
  3. dfn, ins, del, q, cite, var, samp, code, kbd, tt{
  4.   margin: 0;
  5.   padding: 0;
  6.   border: 0;
  7. }
[HTML] pobierz, plaintext
==
[HTML] pobierz, plaintext 
  1. * {
  2.   margin: 0;
  3.   padding: 0;
  4.   border: 0;
  5. }
[HTML] pobierz, plaintext
(nie wymieniłeś wszystkich elementów, ale prawie:)). Co do tematu posta... nie warto szeregować elementów strony "absolutnie". Lepiej można to zrobić za pomocą właściwości float. Przykładowo, gdy chcesz dać jakiegoś diva na prawo, dajesz 
[HTML] pobierz, plaintext 
  1. div {float:right;}
[HTML] pobierz, plaintext
Gdy chcesz go umieścić pośrodku stronu(tak jak div container, jak mniemam), powinieneś dla tego diva dać właściwość 
[HTML] pobierz, plaintext 
  1. margin:0 auto;
[HTML] pobierz, plaintext
Jak masz jakieś pytania na temat xhtmla/css, wal na pw. Pozdrawiam.

Ten post edytował fjellah 31.03.2008, 19:06:14


--------------------
http://www.youtube.com/taspiis
Go to the top of the page
+Quote Post
Crozin
post 31.03.2008, 19:20:50
Post #6





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

@fjellah masz rację... ten zapis kopiuję/wklejam już od ponad roku (chyba... może więcej)
Gdzieś, kiedyś, coś wyczytałem, że lepiej stosować taki zapis niż gwiazdkę - ale obecnie nie jestem w stanie nawet powiedzieć czy to prawda smile.gif
Go to the top of the page
+Quote Post
fjellah
post 31.03.2008, 19:36:11
Post #7





Grupa: Zarejestrowani
Postów: 51
Pomógł: 1
Dołączył: 26.08.2006
Skąd: Simplicity

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

Nie ma takiej opcji, żeby gwiazdka nie zadziałała czy żeby było w jej stosowaniu coś niepewnego...Jeszcze się nie spotkałem z przypadkiem, by zawiodła. Naprawdę smile.gif Pozdrawiam.


--------------------
http://www.youtube.com/taspiis
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 17:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn