HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
Regulus
Nowy
Posty: 86 Rejestracja: wt lis 13, 2007 8:40 pm
Post
autor: Regulus wt lut 03, 2009 1:25 pm
Błagam niech ktoś mi to wyjaśni o co tu chodzi, bo się potnę normalnie zaraz, pół dnia na to straciłem.
By wyśrodkować stronę o szerokości 770px normalnie stosuje się taki zapis, prawda?, w każdym razie taki widziałem w wielu kursach:
CSS
Kod: Zaznacz cały
* {padding:0; margin:0;}
body {
text-align: justify;
font-family: Tahoma;
color: #303030;
font-size: 12px;
background-image: url(tlo.png);
}
#gl
{
margin-left: auto;
margin-right: auto;
height: auto;
bottom:10px;
top: 0;
width: 770px;
border: 1px solid #303030;
}
HTML
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<html>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2"/>
<META NAME="Robots" CONTENT="index"/>
<LINK rel="stylesheet" HREF="style.css" type="text/css" />
<title></title>
</head>
<body>
<div id="gl">111<br/>222</div>
</body>
</html>
W normalnych przeglądarkach to działa w zafajdanym IE wyrównuje do prawej DLACZEGO? i jak to zrobić by tez wyśrodkowywało w tych IE?
Pomocy!!!!!!
http://izydoreus.republika.pl/index1.html
a tu jest dobrze
http://www.radiomm.pl/aaatest/index1.html
Nie rozumiem ratunku!!!!
R.
Ostatnio zmieniony ndz lut 08, 2009 11:52 pm przez
Regulus , łącznie zmieniany 1 raz.
ooo_michal
Przelotem
Posty: 245 Rejestracja: śr kwie 18, 2007 9:06 am
Post
autor: ooo_michal wt lut 03, 2009 2:25 pm
Teoretycznie
powinno wycentrować blok. Ale jeśli IE przejdzie w tryb wstecznej zgodności to nie będzie działało. A wystarczy dać
i powinno być dobrze. Albo pilnować żeby IE działał w trybie zgodności ze standardami... Ale na republice doklejają JavaScript na początku więc dzieje się to co się dzieje...
PS. Po co to
Według mnie to tylko razem z position: absolute/relative/fixed się stosuje...
Regulus
Nowy
Posty: 86 Rejestracja: wt lis 13, 2007 8:40 pm
Post
autor: Regulus wt lut 03, 2009 4:42 pm
znalazłem, zaplatał mi się gdzieś
dzięki bo jakoś mnie odkorkowałeś;-)
R.
Ostatnio zmieniony wt lut 03, 2009 4:49 pm przez
Regulus , łącznie zmieniany 1 raz.
ooo_michal
Przelotem
Posty: 245 Rejestracja: śr kwie 18, 2007 9:06 am
Post
autor: ooo_michal wt lut 03, 2009 4:49 pm
Bo najpierw dałeś text-align: center; a później nadpisałeś to dając text align: justify;
ardziej
Moderator
Posty: 262 Rejestracja: wt cze 03, 2008 2:01 pmLokalizacja: Malbork
Kontakt:
Post
autor: ardziej wt lut 03, 2009 9:12 pm
Tak w ogóle to polecam zastosować to:
Kod: Zaznacz cały
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="iehacks.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7hacks.css" />
<![endif]-->
ooo_michal
Przelotem
Posty: 245 Rejestracja: śr kwie 18, 2007 9:06 am
Post
autor: ooo_michal wt lut 03, 2009 11:26 pm
Fakt, przydaje się. Ale przy takim prostym problemie raczej nie jest potrzebne
ardziej
Moderator
Posty: 262 Rejestracja: wt cze 03, 2008 2:01 pmLokalizacja: Malbork
Kontakt:
Post
autor: ardziej wt lut 03, 2009 11:34 pm
Kto wie ile jeszcze problemów sprawi IE
Regulus
Nowy
Posty: 86 Rejestracja: wt lis 13, 2007 8:40 pm
Post
autor: Regulus ndz lut 08, 2009 11:59 pm
kolejny banał, wydawałoby się prostszy od cepa, a jednak:
HTML:
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<head>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="Keywords" CONTENT="projektowani, strony, serwisy, www">
<META NAME="Description" CONTENT="Projektowanie ston www">
<META NAME="Robots" CONTENT="ALL, INDEX">
<link rel="stylesheet" type="text/css" href="webstylcss.css" />
<title>Webstyl</title>
<div id="banner">banner</div>
<div class="listwa"></div>
</body>
</html>[/manual]
CSS:
Kod: Zaznacz cały
* { padding: 0; margin: 0; }
body {
text-align: center;
}
#banner
{
position: relative;
width: 770px;
height:160px;
border: 1px solid #000000;
background-image: url(banner-sepia.png);
clear: both;
}
.listwa
{position: relative;
width: 770px;
height: 5px;
background:green;
clear: both
}
Jak poprawić kod by,
.listwa , rzeczywiście miała 5px wysokości? Oczywiście tradycyjnie problem z IE6
R.
ooo_michal
Przelotem
Posty: 245 Rejestracja: śr kwie 18, 2007 9:06 am
Post
autor: ooo_michal pn lut 09, 2009 10:12 am
spróbuj overflow: hidden;
Regulus
Nowy
Posty: 86 Rejestracja: wt lis 13, 2007 8:40 pm
Post
autor: Regulus pn lut 09, 2009 12:35 pm
Dzięki.
Głupsze te Explorery niż ustawa przewiduje
R.
