Skocz do zawartości

Problem z kolumnami pod IE

C80

Przez C80
w HTML i CSS

Rekomendowane odpowiedzi

C80 Newbie

C80

Opublikowano
Opublikowano

Mam problem, korzystałem z darmowego szablonu strony. Przystosowałem i myślałem, że wszystko chodzi bez problemu. Do czasu aż uruchomiłem stronę na Internet Exploder. Oto strona: https://www.klubpilkarski.police.pl/tymczas...en12/index.html

Pod Firefoxem mam lewe menu i prawe na normalnej wysokości. Pod IE prawe menu jest o wiele niżej, poniżej całej treści.

Czy ktoś wie co z tym zrobić?

Cała strona jest dopiero w fazie opracowywania, nie zamieszczam kodu menu poziomego, bo nie jest chyba ważne.

Kod html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta name="Description" content="Oficjalne Serwis Klubu Piłkarskiego POLICE" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="images/PixelGreen.css" type="text/css" />
<title>Oficjalny Serwis Klubu Pilkarskiego POLICE</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:593px;
height:30px;
z-index:1;
left: 122px;
top: 275px;
}
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
font-size: 10px;
font-weight: bold;
}
.style5 {
font-size: 1.3em
}
.style7 {
color: #65944A
}
.style8 {
color: #000000
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<!-- wrap starts here -->
<div id="wrap">
 <div id="header">
   <div id="header-content">
     <h1 id="logo"><a href="../26.06. 2032/index.html" title="">Klub Piłkarski POLICE</a></h1>
     <h2 id="slogan">Prawdziwą porażką nie jest przegrać, ale nie podjąć walki w ogóle! </h2>
     <!-- Menu Tabs -->
     <ul>
       <li></li>
       <li><a href="../26.06. 2032/index.html">Archiwum wiadomości</a></li>
       <li><a href="../26.06. 2032/index.html">Wyniki</a></li>
       <li><a href="../26.06. 2032/index.html">Tabele</a></li>
       <li></li>
       <li></li>
       <li><a href="../26.06. 2032/index.html">Redakcja</a><a href="../26.06. 2032/index.html" id="current">FORUM</a></li>
     </ul>
   </div>
 </div>
 <div class="headerphoto"> </div>
 <div class="menu">
   <ul id="MenuBar1" class="MenuBarHorizontal">
     <li class="style1"><a href="#" class="clear style5">Glówna</a></li>
     <li><a href="#" class="clear style5"><b>KP POLICE</b></a>
       <ul>
         <li><a href="#">Kadra</a></li>
         <li><a href="#">Wyniki i terminarz</a></li>
         <li><a href="#">Tabela</a></li>
       </ul>
     </li>
     <li><a href="#" class="clear style5"><b>Rezerwy</b></a>
       <ul>
         <li><a href="#">Kadra</a> </li>
         <li><a href="#">Wyniki i terminarz</a></li>
         <li><a href="#">Tabele</a></li>
       </ul>
     </li>
     <li><a href="#" class="clear style5"><b>Młodzież</b> </a>
       <ul>
         <li><a href="#" class="MenuBarItemSubmenu">Juniorzy Starsi</a>
           <ul>
             <li><a href="#">Kadra</a></li>
             <li><a href="#">Wyniki i terminarz</a></li>
             <li><a href="#">Tabela</a></li>
           </ul>
         </li>
         <li><a href="#" class="MenuBarItemSubmenu">Juniorzy Młodsi</a>
           <ul>
             <li><a href="#">Kadra</a></li>
             <li><a href="#">Wyniki i terminarz</a></li>
             <li><a href="#">Untitled Item</a></li>
           </ul>
         </li>
         <li><a href="#">Klasa okręgowa juniorów</a></li>
         <li><a href="#">Trampkarze Starsi</a></li>
         <li><a href="#">Puchar Nike Trampkarzy</a></li>
         <li><a href="#">Trampkarze Młodsi</a></li>
         <li><a href="#">Trampkarze</a></li>
         <li><a href="#">Orlik Starszy</a></li>
         <li><a href="#">Orlik Mlodszy</a></li>
         <li><a href="#">Nowy Nabór</a></li>
       </ul>
     </li>
     <li><a href="#" class="clear style5"><b>Galerie</b> </a>
       <ul>
         <li><a href="#">Meczowa</a></li>
         <li><a href="#">Nieoficjalna</a></li>
         <li><a href="#">Grup młodzieżowych</a></li>
         <li><a href="#">Karykatury</a></li>
       </ul>
     </li>
   </ul>
   <ul id="MenuBar3" class="MenuBarHorizontal">
     <li>
       <ul>
         <li><a href="#">Juniorzy Starsi</a></li>
         <li><a href="#">Juniorzy Młodsi</a></li>
         <li><a href="#">Juniorzy</a></li>
         <li><a href="#">Trampkarze Starsi</a></li>
         <li><a href="#">Trampkarze</a></li>
         <li><a href="#">Trampkarze Młodsi</a></li>
         <li><a href="#">Trampkarze</a></li>
         <li><a href="#">Orlik Starszy</a></li>
         <li><a href="#">Orlik Mlodszy</a></li>
         <li><a href="#">Nowy Nabór</a></li>
       </ul>
     </li>
   </ul>
 </div>
 <!-- content-wrap starts here -->
 <div id="content-wrap">
   <div id="content">
     <div id="sidebar" >
       <div class="sidebox">
         <h1 class="clear">Klub</h1>
         <ul class="sidemenu">
           <li><a href="../26.06. 2032/index.html" class="top">O klubie</a></li>
           <li><a href="#TemplateInfo">Stadion i bilety</a></li>
           <li><a href="#SampleTags">Zarząd</a></li>
           <li><a href="https://www.styleshout.com/">Sztab Szkoleniowy</a><a href="https://www.styleshout.com/">Historia</a></li>
         </ul>
       </div>
       <div class="sidebox">
         <h1>Serwis</h1>
         <ul class="sidemenu">
           <li><a href="https://www.4templates.com/?aff=ealigam">Galerie</a></li>
           <li><a href="https://store.templatemonster.com/?aff=ealigam">Linki</a><a href="https://store.templatemonster.com/?aff=ealigam">Forum</a><a href="https://store.templatemonster.com/?aff=ealigam">Linki</a><a href="https://www.dreamhost.com/r.cgi?287326" class="top">Reklama</a></li>
         </ul>
       </div>
     </div>
     <div id="main">
       <table width="95%" border="0">
         <tr>
           <td><span class="style8">Po prawej stronie jest menu. Poszczególne pozycje będą linkami. Spotkania bedą prowadziły do artykułów o meczu.<br />
             <br />
             W tabeli umieściłem jedynie trzy zespoły. Skrócona tebela to chyba najlepszy wybór. Najlepiej będzie umieszczać dwa zespoł znajdujące się przed nami i dwa za nami (obyśmy nie musieli zamieszczać żądnego zespołu przed nami).<br />
             <br />
             Strzelcy bramkek również byliby linkami. Linki prowadziłyby do profilów zawodników.</span></td>
         </tr>
         <tr>
           <td> </td>
         </tr>
         <tr>
           <td><span class="style8">Poniżej prawego menu i lewego umieszczone by były odpowiednie reklamy i buttony.</span></td>
         </tr>
         <tr>
           <td> </td>
         </tr>
         <tr>
           <td><span class="style8">Podstrony nie posiadały by prawego menu. Tzn. wchodząc w konkretny artykuł nie widać prawego menu. Pewnym wzorem jest strona:<a href="https://www.blekitni.stargard.com.pl/"> [url="https://www.blekitni.stargard.com.pl/</a></span></td>"]https://www.blekitni.stargard.com.pl/</a...></td>[/url]
         </tr>
         <tr>
           <td> </td>
         </tr>
         <tr>
           <td><span class="style8">Górne menu zgodnie z uwagami jakie dawno temu poczyniłeś jest "lekkie", niestety zmian nie da się dokonać "centralnie", tzn. na jednym pliku. Każdy news ma własne menu, i niestety, kazda zmiana oznacza modyfikację pojedynczych plików. Oznacza to że układ menu powinien być dokładnie przemyślany.</span></td>
         </tr>
         <tr>
           <td> </td>
         </tr>
         <tr>
           <td><span class="style8">Proponowałbym także dać jakąś główną stronę z informacją gdzie się wchodzi,a potem następowałoby przeniesienie na właściwą stronę. Na stronie wstępnej zamieszczane by był również informacje o sponsorach.</span></td>
         </tr>
         <tr>
           <td> </td>
         </tr>
         <tr>
           <td><span class="style8">Zgodnie z pewnymi testami, strona napisana jest bezbłędnym kodem, spełnia wymogi organizacji <a href="https://www.w3.org/" target="_blank">https://www.w3.org/</a></span></td>
         </tr>
         <tr>
           <td> </td>
         </tr>
         <tr>
           <td> </td>
         </tr>
       </table>
     </div>
     <div id="sidebar2" >
       <div class="sidebox2">
         <h1 class="clear">Runda Jesienna</h1>
         <ul class="sidemenu2">
           <li><a href="#TemplateInfo">KP - Pogoń 2:0</a><a href="#SampleTags">Dąb Dębno - KP 0:2</a></li>
           <li><a href="https://www.styleshout.com/"> </a><a href="https://www.styleshout.com/">Poszczególne spotkania będą prowadziły do artykułów pomeczowych</a></li>
         </ul>
       </div>
       <div class="sidebox2">
         <h1>Skrócona tabela</h1>
         <ul class="sidemenu2">
           <li><a>1. KP POLICE - 39 pkt.</a></li>
           <li><a href="https://store.templatemonster.com/?aff=ealigam">2. Pogoń - 32 pkt.</a><a href="https://store.templatemonster.com/?aff=ealigam">3. Dąb - 29 pkt.</a><a href="https://www.dreamhost.com/r.cgi?287326" class="top"> </a><a href="https://www.dreamhost.com/r.cgi?287326" class="top">Pełna tabela - link do nowej strony</a></li>
         </ul>
       </div>
       <div class="sidebox2">
         <h1>Najlepsi strzelcy bramek</h1>
         <ul class="sidemenu2">
           <li><a>9 - Przemysław Ciołek</a></li>
           <li><a href="https://store.templatemonster.com/?aff=ealigam">6 - Patryk Bejnierowicz</a><a href="https://store.templatemonster.com/?aff=ealigam">4 - Marcin Miśta</a><a href="https://www.dreamhost.com/r.cgi?287326" class="top"> </a><a href="https://www.dreamhost.com/r.cgi?287326" class="top">Pełny wykaz - link do strony ze strzelcami i asystami</a></li>
         </ul>
       </div>
     </div>
   </div>
 </div>
 <!-- content-wrap ends here -->
</div>
<!-- footer starts here -->
<div id="footer">
 <div id="footer-content"></div>
</div>
<!-- footer ends here -->
<!-- wrap ends here -->
<span class="style7">Š copyright 2007 <strong>C80 </strong>Design by: <a href="index.html"><strong>styleshout</strong></a>    
	Valid <a href="https://jigsaw.w3.org/css-validator/check/referer"><strong>CSS</strong></a> | <a href="https://validator.w3.org/check/referer"><strong>XHTML</strong></a></span>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Kod Css:

/* top elements */
* { padding: 0; margin: 0; }

body {
margin: 0;
padding: 0;
color: #FFFFFF;
text-align: center;
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 73%;
font-style: normal;
line-height: 1em;
font-weight: normal;
font-variant: normal;
background-color: #FFF;
background-repeat: repeat-x;
background-image: url(bg.jpg);
page-break-before: auto;
}

/* links */
a { background: inherit; color: #72A545; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 {
font-size: 1.4em;
color: #65944A;
}
h2 { font-size: 1.2em; text-transform: uppercase; }
h3 { font-size: 1.2em; }

p, h1, h2, h3 {
margin: 10px 15px;
}
ul, ol {
margin: 10px 30px;
padding: 0 15px;		
}

/* images */
img {
border: 1px solid #DADADA;
padding: 5px;
background: #FAFAFA;
}
img.float-right {
 margin: 5px 0px 5px 15px;  
}
img.float-left {
 margin: 5px 15px 5px 0px;
}

code {
 margin: 5px 0;
 padding: 10px;
 text-align: left;
 display: block;
 overflow: auto;  
 font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
 /* white-space: pre; */
 background: #FAFAFA;
 border: 1px solid #f2f2f2;  
 border-left: 3px solid #72A545;
}
acronym {
 cursor: help;
 border-bottom: 1px solid #777;
}
blockquote {
margin: 15px; 	padding: 0 0 0 20px;  	
 	background-color: #FAFAFA; 
background-position: 8px 10px;
border: 1px solid #f2f2f2; 
border-left: 3px solid #72A545;  
font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
color: #666666;	
}

/* start - table */
table {
border-collapse: collapse;
margin: 10px 15px;
line-height: normal;
}
th strong {
color: #fff;
}
th {
background: #74A846;
height: 29px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #FFF;
}
tr {
height: 30px;
}
td {
padding-left: 11px;
padding-right: 11px;
/* border-left: 1px solid #FFE1C3; */
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
/* end - table */

/* form elements */
form {
margin:10px 15px; padding: 0;
border: 1px solid #f2f2f2; 
background-color: #FAFAFA; 
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding: 2px;
border:1px solid #eee;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button { 
margin: 0; 
font: bold 1em Arial, Sans-serif; 
background: #FFF url(gradientbg.jpg) repeat-x; 
padding: 2px 3px; 
color: #333;	
border: 1px solid #DADADA;	
}

/* search form */
.searchform {
background-color: transparent;
border: none;	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
width: 130px;
color: #333; 
height: 20px;
padding: 2px;	
vertical-align: top;
}
.searchform input.button { 
font: bold 12px Arial, Sans-serif; 
color: #333;	
width: 60px;
height: 26px;
border: 1px solid #DADADA;
padding: 3px 5px;	
vertical-align: top;
}

/***********************
  LAYOUT
************************/

#header-content, #content, #footer-content {
width: 760px;
}

/* header */
#header {
height: 100px;
text-align: left;	
}
#header-content {	
margin: 0 auto; padding: 0;
position: relative;
}
#header-content h1#logo {
position: absolute;	
font: bold 45px 'Trebuchet MS', Sans-serif;
letter-spacing: -2px; 
color: #FFF;
margin: 0; padding: 0;		

/* change the values of left and top to adjust the position of the logo */
top: 0; left: 0px;
}
#header-content h1#logo a {
text-decoration: none;
color: #FFFF00;
}
#header-content #slogan {
position: absolute;
font: bold 12px 'Trebuchet Ms', Sans-serif;
text-transform: none;
color: #FFF;
margin: 0;
padding: 0;
/* change the values of left and top to adjust the position of the slogan */
top: 8px;
left: 434px;
}

/* header menu */
#header-content ul {
position: absolute;
right: -6px;
top: 75px;
color: #FFF;
list-style: none;
margin: 0;
padding: 0;
width: 451px;
font-family: 'Trebuchet MS', sans-serif;
font-size: 1.1em;
font-weight: bolder;
}
#header-content li {
display: inline;
}
#header-content li a {
float: left;
display: block;
padding: 3px 12px;
color: #FFF;
background-color: #003300;
text-decoration: none;
border-right-width: 0px;
border-right-style: solid;
border-right-color: 003300;
}
#header-content li a:hover {
background: #65944A;
color: #FFF;
}
#header-content li a#current  {
background: #65944A;
color: #FFF;
}

/* header photo */
.headerphoto {
width: 760px;
height: 122px;
background: #FFF url(headerphoto.jpg) no-repeat center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}

/* menu */
.menu {
width: 760px;
height: 26px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0px;
background-position: center;
}

/* content */
#content-wrap {
clear: none;
float: left;
width: 100%;
}
#content {
text-align: left;	
padding: 0;
margin: 0 auto;	
}

/* sidebar */
#sidebar {
float: left;
width: 22%;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#sidebar h1 {
padding: 10px 0px 5px 10px;
margin: 0;	
font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox {
background: #F5F5F5;
border: 1px solid #EFEDED;
margin-bottom: 10px;
}

/* sidebar menu */
#sidebar ul.sidemenu {
list-style:none;
margin: 10px 0 15px 0;
padding: 0;
background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
padding: 0px 10px;
}
#sidebar ul.sidemenu a {
display:block;
font-weight:normal;
color: #333;
height: 1em;
line-height: 1.5em;
border-bottom: 1px dashed #D4D4D4;
text-decoration:none;
padding-top: 0.3em;
padding-right: 0;
padding-bottom: 0.3em;
padding-left: 15px;
}
#sidebar ul.sidemenu a.top{	
border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
padding: .3em 0 .3em 10px;
border-left: 5px solid  #65944A;
color: #65944A;		
}

/* prawe menu */
#sidebar2 {
float: right;
width: 22%;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#sidebar2 h1 {
padding: 10px 0px 5px 10px;
margin: 0;	
font: bold 1.3em 'Trebuchet MS', Tahoma, Sans-serif;
}
.sidebox2 {
background: #F5F5F5;
border: 1px solid #EFEDED;
margin-bottom: 10px;
}

/* sidebar menu */
#sidebar2 ul.sidemenu2 {
list-style:none;
margin: 10px 0 15px 0;
padding: 0;
background: #F2F2F2;			
}
#sidebar2 ul.sidemenu2 li {
padding: 0px 10px;
}
#sidebar2 ul.sidemenu2 a {
display:block;
font-weight:normal;
color: #333;
height: 1em;
line-height: 1.5em;
border-bottom: 1px dashed #D4D4D4;
text-decoration:none;
padding-top: 0.3em;
padding-right: 0;
padding-bottom: 0.3em;
padding-left: 15px;
}
#sidebar2 ul.sidemenu2 a.top{	
border-top: 1px dashed #D4D4D4;
}
#sidebar2 ul.sidemenu2 a:hover {
padding: .3em 0 .3em 10px;
border-left: 5px solid  #65944A;
color: #65944A;		
}

/* main */
#main {
float: left;
width: 55%;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
page-break-before: right;
page-break-after: right;
clear: none;
}
#main h1 {
padding: 10px 0px 0px 5px;
margin: 0 0 0 10px;
border-bottom: 1px solid #f2f2f2; 	
font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}
#main ul li {
list-style-image: url(bullet.gif);
}

.post {
margin: 0; padding: 0;
background: #FFF url(gradientbg.jpg) repeat-x;
border: 1px solid #EFEDED;
}
.post .post-footer {
background-color: #FAFAFA;
border: 1px solid #f2f2f2;
padding: 5px; margin-top: 20px;
font-size: 95%;
}
.post .post-footer .date {
background: url('clock.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
background: url('comment.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
background: url('page.gif') no-repeat 0 center;
padding-left: 20px; margin: 0 10px 0 5px;
}

/* footer */
#footer {
clear: none;
margin: 0; padding: 0;
font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
text-align: left;	
}

#footer h1, #footer p {	margin-left: 0; }

#footer-content {	
border-top: 1px solid #EAEAEA;
margin: 0 auto;
padding-left: 15px;
}
#footer-content a {
text-decoration: none;
color: #777;	
}
#footer-content a:hover {
text-decoration: underline;
color: #333;
}
#footer-content ul {
list-style: none;
margin: 0; padding: 0;
}
#footer-content .col {
width: 32%;
padding: 0 5px 30px 0;	
}
#footer-content .col2 {
width: 33%;
padding: 0 0 30px 0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: none; }
.gray  { color: #BFBFBF; }

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności