Vycentrovaní obsahu

Programovacie jazyky, rady, poradňa...
Arkarian
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 237
Registrovaný: 30 jan 2009, 21:21
Bydlisko: Doma :)
Kontaktovať používateľa:

Vycentrovaní obsahu

Príspevok od používateľa Arkarian »

Zdravim, mam problem s vycentrovanim obsahu stranky ... vim ze je to zacatecnicka vec ale na strankach ktere delam se me ten obsah proste nevycentruje v IE.. v Opere v pohode ale IE nic. Prosel sem nekolik navodu jak to zoptimalizovat ale ted uz si fakt nevim rady . :(

Kód: Vybrať všetko

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#C8CAC0;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	}
neutronmind
Expert
Expert
Príspevky: 189
Registrovaný: 05 aug 2008, 14:17

Príspevok od používateľa neutronmind »

Skus takto... :)

Kód: Vybrať všetko

body { 
   font-family:Arial, Helvetica, sans-serif; 
   font-size:12px; 
   color:#000; 
   background:#C8CAC0; 
   width:700px; 
   margin: 0 auto;
   text-align:center; 
 }
Arkarian
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 237
Registrovaný: 30 jan 2009, 21:21
Bydlisko: Doma :)
Kontaktovať používateľa:

Príspevok od používateľa Arkarian »

hm.. bohuzel ale zadna zmena ... jo a jeste dodam ze upravuju administracni system wordpress jestli to ma na neco vliv ...
"J"
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1019
Registrovaný: 13 mar 2007, 17:10

Príspevok od používateľa "J" »

Aky <!doctype> pouzivas? IE sa ti pri nevhodne zvolenom doctype prepne do Quirks modu a tam sa hodnota auto pri margine do uvahy nebere. Ak das na prvy riadok xml deklaraciu, IE<=6 sa takisto prepina do quirks.

Ja zvyknem centrovat takto:

Kód: Vybrať všetko

div#obsah {
     position: relative;
     left: 50%;
     margin-left: -XYZpx;
}
Kde XYZ je cislo vypocitane ako (width + padding-left + border-left + padding-right + border-right )/2. A nezabudat na to minus pred cislom. V IE <= 5.5 a v Quirks mode vsetkych verzii IE toto cislo XYZ treba zmenit napriklad pomocou podmienenych komentarov len na (width/2), samozrejme zase s minus.
Arkarian
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 237
Registrovaný: 30 jan 2009, 21:21
Bydlisko: Doma :)
Kontaktovať používateľa:

Príspevok od používateľa Arkarian »

snazil sem se to ve WP nekde najit ... nevim kam to dava ale myslim ze toto by mel byt content

Kód: Vybrať všetko

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"J"
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1019
Registrovaný: 13 mar 2007, 17:10

Príspevok od používateľa "J" »

To by malo byt OK. Co je to za web?

.
.
Aha, no super :)
Arkarian
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 237
Registrovaný: 30 jan 2009, 21:21
Bydlisko: Doma :)
Kontaktovať používateľa:

Príspevok od používateľa Arkarian »

aa :) no super zmenil sem doctype a uz to slape .. diky moc za pomoc :)

//autoeditácia príspevku ( 05 Feb 2009, 18:39 )
no jeste jsem narazil na problem ... jak ve wordpresse nastavit If IE ??? mam

Kód: Vybrať všetko

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE]>
<link href="<?php echo bloginfo('template_directory'); ?>/style_ie.css" type="text/css" />
<![endif]-->
ale nejde to .. nevi nekdo proc ? ocenim kazdou radu
"J"
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1019
Registrovaný: 13 mar 2007, 17:10

Príspevok od používateľa "J" »

Ked mas k dispozicii PHP, naco sa babrat s podmienenymi komentarmi?

Kód: Vybrať všetko

<?php
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== false)
{
	echo "<link href=\"".bloginfo('template_directory')."/style_ie.css\" type=\"text/css\" />";
}
?>
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Príspevok od používateľa chrono »

Arkarian napísal:no jeste jsem narazil na problem ... jak ve wordpresse nastavit If IE ??? mam

Kód: Vybrať všetko

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE]>
<link href="<?php echo bloginfo('template_directory'); ?>/style_ie.css" type="text/css" />
<![endif]-->
ale nejde to .. nevi nekdo proc ? ocenim kazdou radu
Prečo si myslíš, že to nefunguje? Cestu k tomu css súboru tam máš správnu (lebo inak to vyzerá dobre)?

[quote=""J""]Ked mas k dispozicii PHP, naco sa babrat s podmienenymi komentarmi?[/quote]Možno preto, lebo user agent sa dá jednoducho zmeniť a teda má len malú výpovednú hodnotu? ;)
Arkarian
Light Star
Light Star
Používateľov profilový obrázok
Príspevky: 237
Registrovaný: 30 jan 2009, 21:21
Bydlisko: Doma :)
Kontaktovať používateľa:

Príspevok od používateľa Arkarian »

no nevim jestli mas s wordpressem zkusenosti ale kdyz tam zdam konkretni cestu ( i uobrazku) tak to proste nejede, to nechapu
Napísať odpoveď