Autor Zpráva
punky
Profil
Zdravim, na stranke sa mi objavuje zbytocne biele a cierne miesto, ktore vobec nepotrebujem a fakt si neviem rady ako by som sa ho zbavil .. Nevie niekto pls ako na to?



Vopred diky za vsetky rady.

CSS:
[code]@charset "UTF-8";

body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#7f7d78;
font-size:13px;

}
#main {
background-color: #000;
background-image: url(images/back-slice.gif);
background-repeat: repeat-x;

}

.container {
width:950px;
margin:0 auto;
position:relative;
}
/*
header
*/

#header {
padding-top:10px;
padding-bottom:10px;
}
#logo h1 {
margin:0px;
display:block;
text-indent:-9999px;
}
#logo {
background-image:url(images/logo.png);
background-repeat:no-repeat;
width:370px;
height:135px;
}


.block {
margin-bottom:0px;
top:0px;
position:relative;
}

.block_inside {
top:-200px;
height:576px;
position:relative;
background-image:url(images/obsah.gif);
background-repeat:no-repeat;
padding:20px;
overflow:auto;
}


#content_area {
width:600px;
top:-55px;
left:180px;
float:left;
color:#333333;
}

/* menu */
#menu {
position:relative;
left:-40px;
top:70px;
}

#home {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#riesenia {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#onas {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#referencie {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#kariera {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#kontakty {
position:relative;
left:27px;
top:0px;
width:189px;
height:40px;
}

#eshop {
position:relative;
left:27px;
top:0px;
width:189px;
height:42px;
}

/* kontakt */

#sidebar {
float:left;
width:210px;
position:relative;
top:-20px;
left:160px;
margin-top:0px;
word-wrap: break-word;
}

#sidebar .block_inside {
background-image:url(images/kontakt.gif);
color:black;
}

/*
footer
*/

#footer {
background-image:url(images/footer.gif);
background-repeat:repeat-x;
padding:50px;
position:relative;
top:-300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

}

.footer_column {
position:relative;
top:-30px;
float:left;
}
#footer .long {

width:900px;
}
[/code]
don jebot
Profil
nemohol by si to radsej hodit na nejaky server nech sa na to pozrieme online?
punky
Profil
ok .. tu je link : .. LINK
blizz_boz
Profil
<div id="footer">
      <div class="container">
        <div class="footer_column long">
          <h3>
            <p align="center"></p>
          </h3>
        </div>
        <div class="footer_column">
              
          </div>
        </div>
      </div>


to co ma byt toto? to si generoval cez nejaky wysiwyg editor? hm...? nestaci ti jeden div na footer?
punky
Profil
to som zobral s jedneho navodu lebo mi nechcelo roztiahnut na celu sirku footer .. uz som to ale spravil aj bez toho ..cize mam uz jeden div na footer .. ale stale mam velke miesto na spodku stranky.. nic sa nezmenilo tam ..
keeehi
Profil
Asi to tím nebude ale stejně. Těma tučně označenýma </div> ukončuješ divy, které ale nikde předtím nejsou.
      </div> 
            
            
</div> 
   
 
    <div id="footer"> 
      <div class="container"> 
        <div class="footer_column long"> 
          <h3> 
            <p align="center"></p> 
          </h3> 
        </div> 
        <div class="footer_column"> 
              
          </div> 
        </div> 
      </div> 
</div> 


Jinak bych řekl, že ty problémy bude dělat relativní pozicování.
Pokud máš operu tak dej 'Zobrazit->Styl->Orámovat strukturální prvky' to by ti snad mohlo pomoct.
punky
Profil
no moze to byt v tom relativnom..lebo som to skusil druhy krat ale absolutnym pozicovanim a nemam dole ziadne zbytocne miesta, len zasa stranka neni na strede pri kazdom rozliseni .. stredny objekt sice je v strede ..ale menu a kontakt okno su rozhadzane .. no ale myslim ze tento problem sa asi bude riesit lahsie nez ten so zbytocnym miestom..
keeehi
Profil
Mělo by to jít bez jakéhokoliv pozicování. Bude se jednat o třísloupcový layout, takže hledej na googlu. Rozdělit by to šlo třeba nějak takhle:

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: