Pozdrav,
imam problema s prikazom web stranice u IE-u. Poceo sam radit s HTML/CSS-om tek prije 2 tjedna tako da sam blago receno pocetnik. Uglavnom sve je bilo OK dok nisam isao provjerit kak to izgleda na svim web preglednicima. Na svim popularnijim (Mozilla, Chrome i Safari) sve izgleda kak bi trebalo al na IE dosta toga ne stima...Pa ako bi mi netko mogao reci u cemu je otprilike problem bio bih mu zahvalan pa cu ja vec nekak s googleom dalje. Ovako neznam kako da uopce definiram tocno problem pa da probam dalje googlat. Konkretno radi se o IE7, htio sam instalirat IE8 al kaze mi da mi treba prvo neki update koji nemoze instalirat a kad ga probam rucno instalirat kaze mi da vec imam SP3 i da mi ne treba - uglavnom neka sasvim druga prica. Imam Win XP tako da IE9 nije opcija. Kako god, zelio bih da mi stranica radi i u IE7 ako je ikako moguce.
Evo kako bi trebalo izgledat: http://www.mediafire.com/i/?zm0513x118kypad
i kako izgleda na IE: http://www.mediafire.com/i/?sohi8o2qm0ia86x
Evo kod:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hr-HR" lang="hr-HR">
<head>
<title>Zicherica.com - Besplatni Sportski Tipovi</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="background">
<p align="center"><img src="images/logo.png" alt="Logo" /></p>
<div id="container">
<div align="center">
<img src="images/line_space_610x20.png" alt="Line Space 610x20" />
<img src="images/box_top.png" alt="Box Top" />
<div id="box">
<h1>Dobrodošli na stranice Zicherica.com.</h1>
<h2>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test</h2>
</div>
<img src="images/box_bottom.png" alt="Box Bottom" />
</div>
<div id="meni">
<a href=""><img src="images/button_home.png" alt="Button Home"
onmouseover="this.src = 'images/button_home_over.png';"
onmouseout="this.src = 'images/button_home.png';" /></a>
<a href=""><img src="images/button_tipovi.png" alt="Button Tipovi"
onmouseover="this.src = 'images/button_tipovi_over.png';"
onmouseout="this.src = 'images/button_tipovi.png';" /></a>
<a href=""><img src="images/button_statistika.png" alt="Button Statistika"
onmouseover="this.src = 'images/button_statistika_over.png';"
onmouseout="this.src = 'images/button_statistika.png';" /></a>
<a href=""><img src="images/button_arhiva.png" alt="Button Arhiva"
onmouseover="this.src = 'images/button_arhiva_over.png';"
onmouseout="this.src = 'images/button_arhiva.png';" /></a>
<a href=""><img src="images/button_kontakt.png" alt="Button Kontakt"
onmouseover="this.src = 'images/button_kontakt_over.png';"
onmouseout="this.src = 'images/button_kontakt.png';" /></a>
</div>
<div id="animacija">
<img src="images/animation1.gif" alt="Banner" />
</div>
<div id="addesno">
</div>
</div>
</div>
<div id="footer">
Copyright © 2011 Zicherica.com
</div>
</body>
</html>
________________________________________________________________________________________________________
CSS:
body {
margin:0px;
padding:0;
background:#000000 url(images/img1.jpg) repeat-x left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
h1 {
font-size:28px;
}
h2 {
font-size:12px;
text-align:justify;
padding:20px;
}
#background {
background:url(images/background.png);
position:relative;
width:1000px;
height:746px;
margin-left:auto;
margin-right:auto;
}
#container {
position:relative;
top:6px;
width:980px;
height:606px;
border:3px solid #000000;
background:url(images/background_inside.png)#000000;
margin-left:auto;
margin-right:auto;
}
#container:before {
border:3px solid white;
content:'';
width:974px;
height:600px;
position: absolute;
}
#meni {
position:absolute;
left:3px;
top:3px;
width:160px;
border-right:3px solid white;
border-bottom:3px solid white;
}
#box {
position:relative;
width:610px;
background:url(images/box_middle.png) repeat-y top;
padding:10px;
}
#animacija {
position:absolute;
left:3px;
top:256px;
width:160px;
border-right:3px solid white;
border-bottom:3px solid white;
}
#addesno {
position:absolute;
right:0px;
top:3px;
width:163px;
height:600px;
border-left:3px solid white;
}
#footer {
text-align:center;
padding:20px;
color:#FFFFFF;
}
Znam da mi kod bas nije najcisci i pregledan al kao sto rekoh pocetnik sam...uglavnom treba mi samo da me neko usmjeri i dalje cu vec nekako.
Unaprijed hvala i LP