Divy kłopot z stronką

Wszystko o HTML, XHTML, XML, CSS.
MaTiSs
Posty: 37
Rejestracja: 16 wrz 2005, 10:30:31
Lokalizacja: Jastrzêbie Zdrój
Płeć: Niewybrana
User Agent: Firefox Windows 1024x768
Kontakt:

Divy kłopot z stronką

Post autor: MaTiSs »

Witam potrzebuje pomocy co mam zrobic aby:
- te dwa boczne menu miały ten sam rozmiar co środkowe menu
- nawigacja była pod menu ale żeby nie nachodziły na siebie

oto link do strony http://www.matiss.cba.pl

to kod strony

Kod: Zaznacz cały

<html>
    
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        
        <link rel="stylesheet" href="style.css" type="text/css" />
        
        <SCRIPT LANGUAGE="JavaScript">
<!-- Hide it
DayName = new Array&#40;7&#41;
DayName[0] = "Niedziela "
DayName[1] = "Poniedziałek "
DayName[2] = "Wtorek "
DayName[3] = "¦roda "
DayName[4] = "Czwartek "
DayName[5] = "Piątek "
DayName[6] = "Sobota "

MonthName = new Array&#40;12&#41;
MonthName[0] = "Stycznia "
MonthName[1] = "Lutego "
MonthName[2] = "Marca "
MonthName[3] = "Kwietnia "
MonthName[4] = "Maja "
MonthName[5] = "Czerwca "
MonthName[6] = "Lipca "
MonthName[7] = "Sierpnia "
MonthName[8] = "Września "
MonthName[9] = "Października "
MonthName[10] = "Listopada "
MonthName[11] = "Grudnia "

function getDateStr&#40;&#41;&#123;
    var Today = new Date&#40;&#41;
    var WeekDay = Today.getDay&#40;&#41;
    var Month = Today.getMonth&#40;&#41;
    var Day = Today.getDate&#40;&#41;
    var Year = Today.getFullYear&#40;&#41;

    if&#40;Year <= 99&#41;
        Year += 1900

    return DayName[WeekDay] + "" + " " + Day + " " + MonthName[Month] + "" + Year
&#125;
//-->
        </SCRIPT>
        
        <script>
<!-- 
var TekstPrzed="Ferii zimowych"
var TekstJuz="Od dziś mamy ferie"
var TekstPo="Ferri trwają ..."
var TablicaMiesiecy=new Array&#40;"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"&#41;
function ZliczajDni&#40;CelRok,CelMiesiac,CelDzien&#41;
&#123;
var Dzisiaj=new Date&#40;&#41;
var DzisiajRok=Dzisiaj.getYear&#40;&#41;
if &#40;&#40;DzisiajRok>=00&#41; && &#40;DzisiajRok<=1900&#41;&#41; &#123;DzisiajRok=1900+DzisiajRok;&#125;
var DzisiajMiesiac=Dzisiaj.getMonth&#40;&#41;
var DzisiajDzien=Dzisiaj.getDate&#40;&#41;
var DzisiajData=TablicaMiesiecy[DzisiajMiesiac]+" "+DzisiajDzien+", "+DzisiajRok
var CelData=TablicaMiesiecy[CelMiesiac-1]+" "+CelDzien+", "+CelRok
var LicznikDni=&#40;Math.round&#40;&#40;Date.parse&#40;CelData&#41;-Date.parse&#40;DzisiajData&#41;&#41;/&#40;24*60*60*1000&#41;&#41;*1&#41;
if &#40;LicznikDni<0&#41;
document.write&#40;TekstPo&#41;
else if &#40;LicznikDni==0&#41;
document.write&#40;TekstJuz&#41;
else if &#40;LicznikDni>0&#41;
if &#40;LicznikDni==1&#41;
document.write&#40;"Pozostał tylko "+LicznikDni+" dzień do "+TekstPrzed&#41;
else if &#40;&#40;LicznikDni>=2&#41; & &#40;LicznikDni<=4&#41;&#41;
document.write&#40;"Pozostały "+LicznikDni+" dni do "+TekstPrzed&#41;
else
document.write&#40;"Pozostało "+LicznikDni+" dni do "+TekstPrzed&#41;
&#125;



//-->
        </script>
        
        <script type="text/javascript">
function alpha&#40;co,mark&#41;&#123;
   co.style.filter='alpha&#40;opacity='+mark+'&#41;';co.style.MozOpacity=&#40;mark/100&#41;;
   &#125;
        </script>
        
    </head>
    
    <body background="grafika/tlo.png" bgcolor="#e0ddd8">
    
        <div id="logo"></div>
        
        <div id="nawigacja">
            <div id="navitext">
                <SCRIPT>document.write&#40;"" + getDateStr&#40;&#41;&#41;</SCRIPT>
            </div>    
            <div id="navitext2">    
                <SCRIPT>ZliczajDni&#40;2006,01,28&#41;</SCRIPT>
            </div>
        </div>
        
        
        <div id="srodek">
    
            <div id="menulewe">
        
                  <div id="mlg">
                    <br>Home
                </div>
        
                <div id="mls">
                    <a href="index.php?go=2" style="margin-left:17px; position: relative; top:-7;">- Strona główna</a><br>
                
                    <a href="index.php?go=3" style="margin-left:17px; position: relative; top:-7;">- Autorzy</a><br>
                
                    <a href="index.php?go=10" style="margin-left:17px; position: relative; top:-7;">- Komix</a><br>
                
                    <a href="index.php?go=13" style="margin-left:17px; position: relative; top:-7;">- Różne</a><br>
                
                    <center><b>Galeria</b></center>
                
                    <a href="index.php?go=5" style="margin-left:17px; position: relative; top:0;">- Klasa 2</a><br>
                
                    <a href="index.php?go=14" style="margin-left:17px; position: relative; top:0;">- Klasa 3</a><br>
                
                    <a href="index.php?go=8" style="margin-left:17px; position: relative; top:0;">- Fotomontaż</a><br>
                
                    <center><b style="position: relative; top:7;">Filmiki</b></center>
                
                    <a href="index.php?go=7" style="margin-left:17px; position: relative; top:7;">- Zwykłe</a><br>
                
                    <a href="index.php?go=12" style="margin-left:17px; position: relative; top:7;">- Montowane</a><br>
                </div>
        
                <div id="mld"></div>
            
            </div>
        
        
        
            <div id="menusrodek">
        
                <div id="msg"></div>
            
                <div id="mss">
                    <? switch &#40;$_GET['go']&#41;
   &#123;
   case 2:
   include&#40;"news.php"&#41;;
   break;
   case 3:
   include&#40;"autor.php"&#41;;
   break;
   case 5:
   include&#40;"galeria.php"&#41;;
   break;
   case 6:
   include&#40;"galeria3.php"&#41;;
   break;
   case 7:
   include&#40;"filmiki.php"&#41;;
   break;
   case 8:
   include&#40;"foto.php"&#41;;
   break;
   case 10:
   include&#40;"komix.php"&#41;;
   break;
   case 11:
   include&#40;"galeria2.php"&#41;;
   break;
   case 12:
   include&#40;"filmikip.php"&#41;;
   break;
   case 13:
   include&#40;"rozne.php"&#41;;
   break;
   case 14:
   include&#40;"galeria4.php"&#41;;
   break;
   case 1:
   default:
   include&#40;"news.php"&#41;;   &#125; ?>
                </div>
            
                <div id="msd"></div>
            
            </div>
        
            <div id="menuprawe">
        
                <div id="mpg">
                    <br>Bannery
                </div>
        
                <div id="mps">
                    <a href="http://uc.ekonta.com/" ><img src="grafika/fuc!k.png" border="0px;" alt="" style="padding-left:7px;"></a>
                </div>
            
                <div id="mpd"></div>
            
            </div>
            
        </div>
        
        <div id="stopka">
            <div id="stopkatext">
                Copyright 2004-2006 By MaTiSs. All Rights Reserved.
            </div>
        </div>
        
            
        
        
    </body>
</html>
A to kod css:

Kod: Zaznacz cały

a&#123;
    color:#fb5b22;
    text-decoration:none;
    font-weight:bold;
    border:0px; 
&#125;

a:hover&#123;
    color:red;
    text-decoration:none;
&#125;

div#logo &#123;
    width: 931px;
   height: 79px;
   margin: auto;
   background:url&#40;grafika/logo.png&#41;;
   &#125;
   
div#nawigacja &#123;
    width: 931px;
   height: 22px;
   margin: auto; 
   background: url&#40;grafika/nawigacja.png&#41;;
   &#125;

div#navitext &#123;
    font-weight: bold;
    font-size:15px;
    color:#fb6836;
    text-align:left;
    margin-left: 15px;
    float: left;
&#125;
    
div#navitext2 &#123;
    font-weight: bold;
    font-size:15px;
    color:#fb6836;
    text-align:right;
    margin-right: 15px;
    float: right;
&#125;

div#srodek &#123;
    margin: auto;
    width: 931px;
    height:100%;
&#125;

div#menulewe &#123;
    width:175; 
    height:443; 
    margin: auto;
    float: left;
&#125;

div#mlg &#123;
    width:175; 
    height:32;
    margin: auto; 
    background: url&#40;grafika/menulg.png&#41;;
    font-size:11px; 
    text-align:center;
    color:Black;
    text-decoration:none;
    font-family:verdana;
    font-weight: bold;
&#125;

div#mls &#123;
    background:url&#40;grafika/menuls.png&#41;;
    width:175px;
    font-size:11px; 
    color:Black;
    margin: auto;
    text-decoration:none;
    font-family:verdana;
&#125;

div#mld &#123;
    width:175;
    height:31; 
    background:url&#40;grafika/menuld.png&#41;;
    margin: auto;
&#125;
div#menusrodek &#123;
    width:532; 
    height:443; 
    margin: auto;
    float: left;
&#125;

div#msg &#123;
    width:532; 
    height:32; 
    background:url&#40;grafika/menusg.png&#41;;
    margin: auto;
&#125;

div#mss &#123;
    background:url&#40;grafika/menuss.png&#41;;
    width:532px;
    margin: auto;
&#125;

div#msd &#123;
    width:532; 
    height:31; 
    background:url&#40;grafika/menusd.png&#41;;
&#125;

div#menuprawe &#123;
    width:224; 
    height:443; 
    margin: auto;
    float: left;
&#125;

div#mpg &#123;
    width:224; 
    height:32; 
    background:url&#40;grafika/menupg.png&#41;;
    margin: auto;
    text-align: center;
    font-weight: bold;
    font-size:11px; 
    color:Black;
    text-decoration:none;
    font-family:verdana;
&#125;

div#mps &#123;
    background:url&#40;grafika/menups.png&#41;;
    width:224px;
    margin: auto;
&#125;

div#mpd &#123;
    width:224; 
    height:31; 
    background:url&#40;grafika/menupd.png&#41;;
    margin: auto;
&#125;

div#stopka &#123;
    width:931; 
    height:45; 
    background:url&#40;grafika/stopka.png&#41;;
    margin: auto;
    
&#125;

div#stopkatext &#123;
    text-align: center;
    font-weight: bold;
    position: relative; top:9;
&#125;
 
Awatar użytkownika
cielos
Posty: 233
Rejestracja: 29 sie 2005, 00:04:23
Płeć: Niewybrana
User Agent: Firefox Windows
Kontakt:

Post autor: cielos »

Szczerze mówiąc to nie za bardzo cię zrozumiałem :| Chodzi ci żeby panel home i tak dalej oraz panel Bannery był tej samej szerokości co ten po środku :?: Dokładniej opisz swój problem :wink:
MaTiSs
Posty: 37
Rejestracja: 16 wrz 2005, 10:30:31
Lokalizacja: Jastrzêbie Zdrój
Płeć: Niewybrana
User Agent: Firefox Windows
Kontakt:

Post autor: MaTiSs »

---------- 14:36 03.01.2006 ----------

Masz opere zobacz jak strona wyglada w firefox'ie (lub IE) a jak wygląda w operze i wszystko jasne. a chodzi mi o to zeby były tak samo długie od góry do dołu. no i jeszcze nawigacja mi nachodzi na środkowe menu :( oto link do strony http://www.matiss.cba.pl

---------- 15:32 04.01.2006 ----------

Ok już zrobione temat mozna zamknąć 8)
ODPOWIEDZ