Witam. Od niedawna bawię się w robienie stron i mam pewien problem. Robię stronę dla brata i na początek wrzuciłem na darmowy serwer, żeby zobaczyć jak to będzie wyglądać. We wszystkich przeglądarkach widok strony jest ok ale w IE się rozjeżdża. Nie mam pojęcia dlaczego. Szablon brat w necie znalazł
Link do strony: http://gramywcs.cba.pl/bartosz/
Dorzucam też kod css bo tam są wszystkie deklaracje div'ów.
Dorzucę jeszcze kod index.html tak na wszelki wypadek
Link do strony: http://gramywcs.cba.pl/bartosz/
Dorzucam też kod css bo tam są wszystkie deklaracje div'ów.
Kod:
* {
padding:0;
margin:0;
}
body {
color: #666666;
background-color:#FFFFFF;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size:83%;
margin:20px auto;
width:850px;
padding-left:10px;
padding-right:10px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl,
fieldset, address { margin:0.75em 0;}
h1 {font-size:167%;}
h2 {font-size:139%;}
h3 {font-size:120%;}
h4 {font-size:100%;}
li, dd {
margin-left:2em;
}
a {
color: #CC0000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #CC0000;
background-color: #FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#contact {
padding:0px 0px 0px 0px;
float:right;
}
#contact a {
color: #CC0000;
background-color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#contact a:hover {
color: #CC0000;
background-color:#FFFFFF;
text-decoration:underline;
}
#header {
clear:both;
color: #CC0000;
background-color:#FFFFFF;
padding:5px 0px 10px 0px;
margin:0px 0px 0px 0px;
}
#title {
color: #CC0000;
background-color:#FFFFFF;
font-size:200%;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
#slogan {
color:#666666;
background-color:#FFFFFF;
font-size:83%;
font-weight:normal;
font-style:normal;
padding:0px 20px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
width:35%;
}
ul#nav {
line-height:125%;
height:3em;
float:right;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
list-style: none;
text-align: center;
width:60%;
}
ul#nav li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
float: right;
}
ul#nav li a {
display: block;
font-size: small;
color: #CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}
ul#nav li a:hover {
border-bottom:3px solid #CC0000;
}
ul#nav a.selected {
border-bottom:3px solid #CC0000;
}
#path {
width:850px;
clear:both;
float:left;
font-size:75%;
font-weight:normal;
margin:4px 0px 5px 0px;
border-top:5px solid #666666;
}
#path a {
font-weight:normal;
}
#maincontent {
font-size:100%;
padding:0px 5px 5px 0px;
margin:0px 0px 0px 0px;
width:540px;
float:left;
}
#sidecontent {
font-family:Arial, sans-serif;
color: #666666;
background-color:#FFFFFF;
font-size:86%;
padding:10px 10px 20px 10px;
margin:0px 0px 10px 0px;
width:250px;
float:right;
border: #999999 solid thin;
}
#sidecontent a {
color: #CC0000;
background-color:#FFFFFF;
}
#sidecontent h2 { margin:0.75em 0.25em 0.25em 0em;}
#sidecontent ul { margin:0.25em 0.25em 0.25em 0.25em;}
#footer {
height:40px;
color:#666666;
background-color:#FFFFFF;
border-top:5px solid #666666;
font-size:75%;
line-height:1.5em;
width: 850px;
clear:both;
}
#footer a {
color:#CC0000;
background-color:#FFFFFF;
text-decoration: none;
}
#footer a:hover {
color:#CC0000;
background-color:#FFFFFF;
font-weight: normal;
text-decoration: underline;
}
#copyrightdesign {
color:#666666;
background-color:#FFFFFF;
padding:5px 20px 5px 0px;
width: 580px;
float:left;
}
#footercontact {
color:#CC0000;
background-color:#FFFFFF;
padding:5px 0px 5px 0px;
float:right;
}Dorzucę jeszcze kod index.html tak na wszelki wypadek
Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="image.css" />
<title>Bartosz Nowicki</title>
</head>
<body>
<div id="header">
<ul id="nav">
<li><a href="kontakt.html" title="Kontakt">Kontakt</a></li>
<li><a href="uslugi.html" title="Usługi">Usługi</a></li>
<li><a href="o-firmie.html" title="Gotowe rozwiązania">Gotowe rozwiązania</a></li>
<li><a href="index.html" title="Strona główna">Strona główna</a></li>
</ul>
<div id="title">Bartosz Nowicki</div>
<div id="slogan">Twój slogan reklamowy</div>
</div>
<div id="path">
</div>
<div id="maincontent">
<h2>O mnie</h2>
<p>
Jestem programistą którego pasjonuje rynek forex. Od 2007r. programuję w języku MQL zarówno na potrzeby własne jak i na zamówienie.
Wykonuje projekty zgodnie z wymaganiami stawianymi przez klienta jak też oferuję gotowe rozwiązania.
Zapraszam do zapoznania się z moją ofertą. Chętnie odpowiem na wszelkie pytania. </p>
<p><br />
Bartosz Nowicki
</p>
</div>
<div id="sidecontent">
<h2>Bartosz Nowicki</h2>
<ul>
<li>adres e-mail: [email protected] </li>
<li>nr. gg: 2500669</li>
<li>skype: MQL4Engineer</li>
</ul>
</div>
<div id="footer">
<div id="copyrightdesign">
Opracowanie <a href="http://www.ittechnology.us/">Marketing w Internecie</a>|
Design by <a href="http://ContentedDesigns.com">Contented Designs</a>
</div>
<div id="footercontact">
</div>
</div>
</body>
</html>