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
Pozdrawiam.
A teraz style:
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
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 konczacy top-->
<div id="menu"></div><!--koniec menu-->
<div id="middle">
<div id="left">
<div id="polecamy"></div><!--div konczacy polecamy-->
<div id="pogoda"></div><!--div konczacy pogoda-->
</div><!--div konczacy left-->
<div id="page">
</div><!--div konczacy page-->
<div id="right">
</div><!--div konczacy right-->
</div><!--div konczacy middle-->
<div class="clear" />
<div id="adverts"></div><!--div konczacy adverts-->
<div id="footer"></div><!-- div od footer-->
</div><!--div konczacy content -->
</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;
}
