Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> tło i szerokość DIV
craker
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 1
Dołączył: 7.07.2006

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

Witajcie,
mam taki problem, mam zdefiniowane coś takiego

[HTML] pobierz, plaintext 
  1. <div style="height: 35px; width:650px;">
  2. 			<div class="phone_details_left1">Imie, Nazwisko: </div>
  3. 			<div class="phone_details_right1">XXX YYY</div>
  4. 		</div>
[HTML] pobierz, plaintext


a klasy mam tak:

[HTML] pobierz, plaintext 
  1. .phone_details_left1 {
  2. 	display: inline; 
  3. 	background: #efefef;
  4. 	padding: 8px;
  5. 	font-weight: bold;
  6. 	width: 450px;
  7. 	text-align: left;
  8. }
  9.  
  10. .phone_details_right1 {
  11. 	display: inline; 
  12. 	background: #efefef;
  13. 	padding: 8px;
  14. 	width: 200px;
  15. 	text-align: left;
  16. 	clear: both;
  17. }
[HTML] pobierz, plaintext



w IE ładnie wygląda div jest faktycznie na te 650px i tło też jest na całość i tekst wyrównany jest do lewej. natomiast i w FF i w Operze mam coś takiego że cały tekst nie dość, że jest na środku to jeszcze tło pod DIV'ami jest o parę pikseli większe niż tekst wpisany w DIV'y


Co mam zrobić, żeby to naprawić i wyglądało to tak jak w IE ?


Dzięki za wszelką pomoc
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
l0ud
post
Post #2





Grupa: Zarejestrowani
Postów: 1 387
Pomógł: 273
Dołączył: 18.02.2008

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

Bez nadania doctype IE źle interpretuje box model i pozwala na nieodpowiednie rzeczy:

- elementom liniowym nie można przypisać szerokości (można sobie pomóc np. floatem)
- całkowita szerokość elementu to wartość podana w width + padding (z lewej i prawej) a nie samo 'width'

Moja wersja kodu:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.  
  4. <head>
  5. <style type="text/css">
  6. .phone_details_left1 {
  7. background: #efefef;
  8. padding: 8px;
  9. font-weight: bold;
  10. width: 434px;
  11. float: left;
  12. }
  13.  
  14. .phone_details_right1 {
  15. background: #efefef;
  16. padding: 8px;
  17. width: 184px;
  18. float: left;
  19. }
  20. </style>
  21. </head>
  22.  
  23. <body>
  24. <div style="height:35px; width:650px; overflow:hidden;">
  25. <div class="phone_details_left1">Imie, Nazwisko: </div>
  26. <div class="phone_details_right1">XXX YYY</div>
  27. </div>
  28. </body>
  29.  
  30. </html>
[HTML] pobierz, plaintext


Ten post edytował l0ud 8.07.2008, 20:47:37
Go to the top of the page
+Quote Post

Posty w temacie
- craker   tło i szerokość DIV   8.07.2008, 19:23:13
- - loganek   Cytatto jeszcze tło pod DIV'ami jest o parę pi...   8.07.2008, 19:34:44
- - craker   no ale jak usuniesz paddinga, to nie będzie szersz...   8.07.2008, 20:20:58
- - l0ud   Bez nadania doctype IE źle interpretuje box model ...   8.07.2008, 20:46:40

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