Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Footer wyrownanie elementow pod rozne przegladarki - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Footer wyrownanie elementow pod rozne przegladarki (/thread-footer-wyrownanie-elementow-pod-rozne-przegladarki)



Footer wyrownanie elementow pod rozne przegladarki - fate - 29-03-2012

Witam
Nie moge sobie poradzic z kompatybilnoscia mojej strony w roznych przegladarkach. Tak wyglada footer
FF11
http://imageshack.us/photo/my-images/26/46354191.jpg/
Chrome 17
http://imageshack.us/photo/my-images/684/99849671.jpg/
Na IE6 schody poprostu cyrk

kod footera
Kod:
<!-- FOOTER FOOTER FOOTER FOOTER FOOTER -->
<div id="bottom">        
  
  

        <!-- SKIN -->        
     <span id="skin">
     <a href="javascript:void(0)" onclick="skin.reset(); return false"><img src="img/skin.png" alt="1" border="0" /></a>
     <a href="javascript:void(0)" onclick="skin.set('css/css1.css'); return false"><img src="img/skin1.png" alt="2" border="0" /></a>    
     <a href="javascript:void(0)" onclick="skin.set('css/css2.css'); return false"><img src="img/skin2.png" alt="3" border="0" /></a>    
     <a href="javascript:void(0)" onclick="skin.set('css/css3.css'); return false"><img src="img/skin3.png" alt="4" border="0" /></a>      
    
     </span>
          <!-- END SKIN -->  
       <!-- DOWN FOOTER -->
<span>
  <p id="down">
    <a href="index.php?show=privacy"> Polityka prywatnoci</a>
    <a href="index.php?show=rulz"> Regulamin</a>
    <a href="index.php?show=search"> Search</a>
    <a href="index.php?show=sitemap"> Mapa Strony</a>
    <a href="index.php?show="> Open Source</a>
    <a href="index.php?show="> Kontakt</a>    
  </p>
    </span>
     <!-- END DOWN FOOTER -->
      
    <span id="lang">
      <p>
      <!-- LICZNIK -->
          
<?$file = 'counter.n';
$ile = @file_get_contents($file) and is_numeric($ile) and $x = true or $ile = 1;
!$_COOKIE['visited'] and fwrite(fopen($file, 'w'), $x ? ++$ile : $ile);
setcookie('visited', true, time()+1);    // 3600*3 cosmalo
echo $ile;
?>
    <!-- END LICZNIK -->
      <!-- LANGUAGE -->
      <a href="index.php"><img src="img/pl.png" alt="pl" /></a>    
      <a href="lang/eng.php"><img src="img/eng.png" alt="eng" /></a>  
      <a href="lang/de.php"><img src="img/de.png" alt="de" /></a>      
      <a href="lang/rus.php"><img src="img/rus.png" alt="rus" /></a>
      </p>    
      </span>
      <!-- END LANGUAGE -->    
            
</div>    
       <!-- END FOOTER END FOOTER END FOOTER END FOOTER -->

duzo bylo przerobek dlatego troche smietnik

css:

Kod:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, address, del, font, img, ins, q, s,  strike, strong, sub, sup, var, b, u, i,
center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0 auto;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;    
      text-align: justify;
    background: transparent;
      color: black;
    overflow: hidden;
    
}

a
{
vertical-align: middle;
}

p
{
  vertical-align: bottom;
    font-weight: normal;
    font-size: 10pt;
    color: 0a0a0a;
    font-family: Georgia, Verdana, Helvetica, sans-serif, sans;
    text-align: justify;

}
#wrapper
{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -25px;
}
#push, #bottom
{

height: 25px;
text-align: center;
width: 100%;
background-color: #996666;

}

#lang

{
vertical-align: middle;
display: inline;
float: right;
}

#down

{
vertical-align: middle;
display: inline;
color: red;
}

#skin
{
float: left;
display: inline;    
}

Pomocy! Dużo już było kombinowane i krąże wokół tematu. Podejrzewam iż będzie trzeba wszystko zburzyc i zbudować od nowa, jak wy dostosowujecie swoje stopki?


.jpg   1.JPG (Rozmiar: 15.61 KB / Pobrań: 8)

.jpg   2.JPG (Rozmiar: 15.71 KB / Pobrań: 4)


RE: Footer wyrownanie elementow pod rozne przegladarki - jg44 - 29-03-2012

Ja zawsze daję
Kod:
clear: both;
dla stopki i działa, nawet pod historycznymi wersjami IE. Chociaż nie jestem pewien, czy Cię dobrze zrozumiałem.


RE: Footer wyrownanie elementow pod rozne przegladarki - fate - 30-03-2012

zalaczylem obrazki chodzi o to ze tekst w FF nie jest rowno z obrazkami a w Chrome jest - nie wiem czy jest jakies polecenie zeby zbudowac uniwersalny wyglad dla obu powiedzmy ze IE olewam z clearboth bylo kombionowane.