Mój błąd przy wklejaniu kodu. Oczywiście już to poprawiłem i komentarz warunkowy też działa:) (nie, nie... to wcale nie przez to, że zmieniłem nazwę pliku, bo na serwerze była poprawna; coś nie tak mam u siebie z IE, bo sprawdziłem na innym kompie i działają te warukowe)
Hmm.
W zasadzie to nie muszę używać tych komentarzy warunkowych, ale wyczytałem w innych postrach, że tak najczęściej zmieniają style pod IE, żeby to jakoś wyglądało.
Nie mniej, jeżeli są jakieś inne (łatwiejsze, bardziej pożądane czy jeszcze jakiś tam inny argument) sposoby, to ja bardzo chętnie się tego nauczę.
A co chcę osiągnąć? W zasadzie to nie wiele. Ot, żeby stronka wyglądała pod IE podobnie jak pod FF
oto link do strony
www.msgie.prv.plObecnie pliki ze stylami dla FF i IE - odpowiednio style.css i exstyle.css - różnią się tylko kolorem tła dla banneru, więcej zmian na razie nie zdążyłem zrobić. Jak widać pod IE, DIVy są porozjeżdżane i w zasadzie to (póki nie ujawnią się jakieś inne niedogodności związane z IE, to potrzebuję tylko, aby pod IE to "jakoś" wyglądało.
HTML
Kod
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<title>MSGIE</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if gte ie 6]>
<link rel="stylesheet" href="exstyle.css" type="text/css">
<![endif]-->
</head>
<body>
<div id="banner"> Tekst w banerze </div>
<div id="menu">
<h2>Menu</h2>
<ul>
<li><a href="home.php">HOME</a></li>
<li><a href="tresc.php">Spis treść</a></li>
<li><a href="nowosci.php">Nowości</a></li>
<li><a href="kontakt.php">Kontakt</a></li>
</ul>
<h2>Menu 2</h2>
</div>
<div id="tresc">
<h1> Treść </h1>
<p>Tu treść teraz musze tylko cos duzego nowe, świeże prace czekają przez całą dobę na Twej wirtualnej półce. Znajdziesz tu oprócz dzieł zachwycających, twórczość często nieporadną chociaż na pewno ambitną.Jeśli masz trochę zapału, to możesz przekazać autorom swoje wskazówki, albo po prostu - podziękować za chwile wzruszeń.
albo daj jakiś długi własny eżeli lubisz czytać, to znajdziesz u nas lekturę na wiele godzin. Nie musisz kupować książek - nowe, świeże prace czekają przez całą dobę na Twej wirtualnej półce. Znajdziesz tu oprócz dzieł zachwycających, twórczość często nieporadną chociaż na pewno ambitną. Jeśli masz trochę zapału, to możesz przekazać autorom swoje wskazówki, albo po prostu - podziękować za chwile wzruszeń</p>
</div>
<div id="prawa">
<p><span>Superważna wiadomość</span>
To jest naprawdę ważna wiadomośc, tak ważna,
że nawet nie moge jej tu napisać:-)</p>
<p><span>Imieniny:</span>
Dziś imieniny obchodzą Bonifacy i Kunegunda</p>
</div>
</body>
</html>
style.css
Kod
body {
margin: 0px;
padding: 0px;
background-color: black; }
div {
margin: 0;
padding: 0;
border: 1px solid silver;
color: black;
position: absolute; }
div#banner {
top: 28px;
left: 28px;
right: 138px;
height: 100px;
width: 990px;
padding:15px;
background-color: black;
font: bold italic 18px verdana;
text-align: left;
color: #FF9;
z-index:10; }
div#menu {
top: 168px;
left: 28px;
width: 200px;
background-color: #6e6e6e;
z-index: 15; }
div#menu h2 {
padding: 5px;
margin: 2px; /*tutaj jest 2px dla menu i od wszystkich krawedzi jest oddalone o 2px, w przeciwieniskie do hiperlaczy*/
border: 1px solid black;
background-color: silver;
letter-spacing: 0.5em;
font: bold 13px verdana;
}
div#menu ul {
padding: 0;
list-style-type: none;
font: bold 13px verdana;
width: 180px; }
div#menu ul a {
display: block;
color: black;
background-color: silver;
padding: 5px 15px;
margin: 0 0 2px 0;
text-decoration: none;
border: 1px solid black }
div#menu ul a:hover {
color: gray;
background-color: #cdcdcd; }
div#menu ul a:hover {
background-image: url(1.gif);
background-position: 120px 50%;
background-repeat: no-repeat; }
div#tresc {
top: 168 px;
left: 10 px;
margin: 168px 315px 0 238px;
background-color: #646464;
z-index: 25;
width: 600px; }
div#tresc h1 {
background-color: silver;
margin: 5px 3px 3px 3px;
padding: 10px;
font: bold 16px verdana;
border: 1px solid black; }
div#tresc p {
background-color: silver;
margin: 10px 3px 5px; 3px;
padding: 5px;
font: normal 13px verdana;
border: 1px solid black; }
div#prawa {
top: 168px;
left: 848px;
width: 200px;
background-color: #6e6e6e;
z-index: 16;
}
div#prawa p {
background-color: silver;
margin: 10px 0 4px; 0;
padding: 5px;
font: bold 11px verdana;
border: 1px solid black; }
div#prawa p span {
margin: -3px -5px 3px -5px;
padding: 3px;
border: 0;
background-color: #cdcdcd;
display: block;
text-align: center; }
Nie bardzo wiem jak włączyć w pajączku/na forum numerowanie wierszy. Jakby ktoś pokazał gdzie to się robi to będę bardzo wdzięczny
EDIT: Niemalże siłą zostaję właśnie oderwany od kompa, także do wszelkich pomocnych uwag będę mógł się odnieść dopiero jutro z rana. W końcu życie nie kończy się tylko na kompie - i w sumie to bardzo dobrze. Pzdr i miłej nocki
)
)