ďťż

[XHTML i CSS]uniwersalne justowanie

       

Podstrony


telcocafe

Mam diva. Chcę aby był po środku drugiego diva. Korzystam z
text-align: center;, działa to dobrze, ale tyko w IE. Jak zrobic, aby działał w IE, Operze i Firefoxie.

Aha i żeby było zgode z XHTML 1.1



<div align="center"></div>
Powinno być center, albo middle, nie pamiętam dokładnie. :P

Nie działa w FF :P
Użytkownik bartek_kawa edytował ten post 04 lipiec 2006, 15:53
spróbuj: margin: 0 auto;



Możesz dokładnie to napisać? 0 czego? px?

bez znaczenia czego zero
zero to zero ;-]

To tym bardziej mi nie działa <lol>

daj cały kod i napisz którego diva chcesz wycentrować

<!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"> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"></meta> <title>kawendish site</title> <link rel="SHORTCUT ICON" href="img/favicon.ico" /> <link title="Wyglad standardowy" type="text/css" rel="stylesheet" href="glowna.css" /> </head> <body> <div id="calosc"> <div id="wrapperHeader"> <div id="prostokat_2" align="center"> <!-- Zawartość bannera --> <img src="img/banner.png" alt="kawendish site" /> <!-- Koniec zawartości bannera --> </div>
w cssie mam:
div#wrapperHeader { height: 100px; background: #d3d3ff; font: 10px Verdana; margin: 0px auto; }
Użytkownik bartek_kawa edytował ten post 04 lipiec 2006, 16:25
Zamiast 'margin : 0px auto' wpisz:

margin-left : auto; margin-right : auto;

;).

EDIT:

Na przyszłość: 'margin-left/right:auto' jest poprawne, jedynie IE tego nie czyta :rolleyes: , więc w BODY musisz dopisywać 'text-align:center', a potem do każdego DIV'a przypisywać jego osobny text-align ;).
Użytkownik bmatrix edytował ten post 04 lipiec 2006, 16:37
daj do div#calosc w .css margin: 0 auto;

nie rozumiem co to nie działa, wszystko jest ok, napis kawedish site wyświetla się na środku fioletoego bannera, a co do posta @bmatrix to praktycznie samo napisałem wyżej, tylko krócej
margin:0 auto;

Również nie działa :blink:

W Operze/Firefoxie działa na pewno, może do IE w BODY nie dopisałeś 'text-align:center'?

<div style="text-align:center;">  <div style="margin: 0 auto; text-align:left;">  </div> </div>
Użytkownik nav edytował ten post 05 lipiec 2006, 20:21
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.