Zaloguj się

rozacek · 03-10-2011, 04:07

Witam serdecznie, gdyż pierwszy raz piszę na tym forum. Otóż mam pewien problem ze swoją stronką... Nie jestem doświadczonym webmasterem ale coś próbuję ogarniać, żeby to hulało i działa na Operze, FF czy Chrome elegancko.

Problem jest natomiast z IE czy to 8 czy 9, bo nie jest w stanie:
1. tej stronki wyśrodkować
2. wyśiwtla inne czcionki niż zadeklarowane
3. nie działa w stylach CSS "border-radius" ale akurat to mogę zrozumieć, bo być może jeszcze MSnie wprowadził obsługi tej funkcji?

Zarzucam kod źródłowy mojego szabloniku i style do obsługi tego. Jakby ktoś mógłby mi coś poradzić- będę wdzięczny Smile

Pozdrawiam.

Cytat:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="" />
<meta name="Author" content="rozacek" />
<meta name="Keywords" content="" />
<meta name="Generator" content="CoreEditor" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<link rel="stylesheet" href="style2.css" type="text/css" media="all" />
<script language="javascript" type="text/javascript" src="scripts.js"></script>
<title>okocimski.eu</title>
</head>

<body>

<div id="content">

<div id="top"><div id="logo"/></div>

<div id="menu"></div>

<div id="middle">

<div id="left">
<div id="polecamy"></div>

<div id="pogoda"></div>

</div>

<div id="page">

</div>

<div id="right">

</div>

</div>

<div class="clear" />

<div id="adverts"></div>

<div id="footer"></div>

</div>
</html>
</body>

A teraz style:

Cytat:body {
margin:0px;
padding:0px;
font-family:arial, sans-serif;
background:url(img/sniegtlo3.png);

}
#content {
width:1000px;
margin: 0 auto 0 auto;
}

#top {
width:1000px;
margin:3px;
height:180px;
border-radius:20px;
filter:alpha(opacity=0);

}

#logo {
width:590px;
margin:2px auto auto auto;
height:174px;
background:url(img/logo.jpg) no-repeat;
border-radius: 20px;
}

#menu {
width:600px;
padding:0px;
height:40px;
margin:10px auto auto auto;
}

#middle {
width:1000px;
height:auto;
margin: 10px auto auto 5px;
}

#left {
width:200px;
height:800px;
float:left;
}

#polecamy {
width:188px;
height:208px;
padding:6px;
background:url(img/tlelko2.png);
border:1px solid #1e4c9c;
border-radius:15px;
text-align:center;
font-family:cursive, serif;
}

#pogoda {
width:200px;
height:580px;
margin:2px auto auto auto;
padding:11px 0px 5px 0px;
background:url(img/tlelko2.png);
border:1px solid #1e4c9c;
border-radius:15px;

}

#page {
width:626px;
height:auto;
min-height:780px;
margin:auto auto 5px 6px;
padding:20px;
background:url(img/tlelko.png);
border:1px solid #1e4c9c;
border-radius:15px;
float:left;
text-align:justify;
}

#right {
width:100px;
height:800;
padding:10px;
background:url(img/tlelko2.png);
float:right;
border:1px solid #1e4c9c;
border-radius:15px;

}

#stats {
width:60px;
height:22px;
margin:2px 10px auto auto;
border:0px solid #1e4c9c;
float:right;
}

#adverts {
width:960px;
height:160px;
margin:auto auto 5px auto;
padding:20px;
background:#ddebb7;
border:1px solid #1e4c9c;
border-radius:15px;
text-align:center;
}

#footer {
display:block;
opacity:0.5;
background:#707070;
margin:2px;
padding:0px
color:#010101;
width:996px;
height:25px;

}

Damian19 · (Ten post był ostatnio modyfikowany: 03-10-2011, 12:07 przez Damian19.)

Otóż, twój problem się rozwiąże tym sposobem:

<html>
<head>

<link rel="stylesheet" href="style.css" type="text/css" /> /* Główny link do stylów czyli np firefox*/





</head>

<body>

</body>
</html>

Jak napiszesz style osobno do internet explorer to w trakcie kodowania zobaczysz co miałeś źle a przy okazji będziesz miał już style do IE jak i do Firefoxa Smile

takim sposobem we wszystkich innych przegladarkach strona ci bedzie dobrze dzialac i poprawnie wygladac Big Grin

Internet Explorer inaczej interpretuje style więc najszybciej i najlepiej będzie ci napisać style pod IE. Te trzy linki dajesz do siebie do strony i robisz nowy styl np o nazwie "style_ie.css" a twoj styl ktory masz teraz poprostu nazwij sobie "syle.css".

Rozumiesz wszystko co napisałem powyżej ? Smile

rozacek · (Ten post był ostatnio modyfikowany: 03-10-2011, 12:31 przez rozacek.)

Dzięki kolego, tylko jeszcze pytanie...

Tworząc style do IE coś pozmieniać w porównaniu do stytli tych ogólnych? Pozbyć sie np. border-radius czy inaczej(tylko jak?) je napisać?

Jak zrobiłem plik style_ie.css i wrzuciłem do niego te same style co do głównego pliku style.css nic się nie zmienia w IE i nadal jest stronka "do lewej" a nie wyśrodkowana i "pudełka" nieprawidłowo zwymiarowane... (tzn. nie działa np. min-height w css) a i szerokość, też nie jest prawidłowa- jakby dopełnienie nie działało lub marginesy.

Smile

upisałem trochę swoich żali ale staram się ten problem rozłożyć jak najprzyjaźniej do rozwiązania... Pozdrawiam.

**Kartofelek** · 03-10-2011, 15:00

Nie ma czegoś takiego jak:

<div id="logo"/>

rozacek · 03-10-2011, 15:30

Już jest ok <div id="logo"></div> z tym, że logo nie wyświetla mi. Ale z tym sobie może inaczej jeszcze poradzę.

Tylko cóż... nadal strona nie jest wyśrodkowana, a IE... jakby nie sumuwał przy wymiarowaniu pudełek marginesów z paddingami i z podanymi wymiarami? Tak to wygląda- cóż pobawię się.

Do tego ta niemożność wyśrodkowania strony- IE nie zagnieżdża dobrze div-ów w sobie? Smile

Jakby ktoś miał jakieś pomysły to prosze bardzo a ja tymczasem jeszcze pokombinuję Smile

**Kartofelek** · 03-10-2011, 16:00

Wrzuć tutaj linka do strony, albo sformatowany kod, bo tak to się nie da tego ogarnąć Smile

IE8, 9 nie ma problemu z środkowaniem strony, więc problem lezy po stronie twojego kodu. Border-radiusów nie obsługuje IE8, ie9 spokojnie je ogarnia.

rozacek · 03-10-2011, 16:48

**Kartofelek** · 03-10-2011, 18:55

Ogólnie wydać po kodzie że jeszcze nie do końca rozumiesz znacznie poszczególnych tagów html:

Co to jest to: /* Link do styli dla Internet Explorer */ i podobne? Nie ma czegoś takiego. Takie komentarze są w JS/CSS itp ale nie w html.

Logo dałeś jako pusty div - więc nie niesie to żadnej informacji - błąd. To ma być albo obrazek albo tekst

Menu dałeś jako LI, ale wrzuciłeś je zamiast w UL to DIV. Wielki błąd.

Raz atrybuty dajesz w apostrofach, raz w cudzysłowach. Więcej zdecydowania

Po co to: <noscript></noscript>

Obrazki powinny mieć width, height i alt. Dbaj o niewidomych.

Ogólnie większość kodu to stare skrypty więc w sumie nie ma co zbytnio oceniać. Napraw to co ci wypisałem i wtedy refresh.

hieroshima · 06-10-2011, 02:01

(03-10-2011, 12:05)Damian19 napisał(a): Otóż, twój problem się rozwiąże tym sposobem:

<html>
<head>

<link rel="stylesheet" href="style.css" type="text/css" /> /* Główny link do stylów czyli np firefox*/





</head>

<body>

</body>
</html>

Jak napiszesz style osobno do internet explorer to w trakcie kodowania zobaczysz co miałeś źle a przy okazji będziesz miał już style do IE jak i do Firefoxa takim sposobem we wszystkich innych przegladarkach strona ci bedzie dobrze dzialac i poprawnie wygladac

Internet Explorer inaczej interpretuje style więc najszybciej i najlepiej będzie ci napisać style pod IE. Te trzy linki dajesz do siebie do strony i robisz nowy styl np o nazwie "style_ie.css" a twoj styl ktory masz teraz poprostu nazwij sobie "syle.css".

Rozumiesz wszystko co napisałem powyżej ?

Tu się nie zgodzę. Nie trzeba pisać osobnych styli do IE oczywiście mówimy tu od IE >= 8 (do niższych wersji już po 1 się nie używa, a po drugie to i tak nie trzeba od nowa stylować). Jak dobrze napiszesz stronę pod firefoxa, opere itd. to w IE < 8 będą niewielkie poprawki do wykonania. Jeżeli natomiast sypie Ci się cała strona na IE no to cóż kiepsko napisany kod css. na IE 6, 7 już się nie koduje i nie patrzy na te przeglądarki. Jak ktoś ich używa to cóż ma problem Wink

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie