Forum PHP.pl > [css]Div różne przeglądarki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css]Div różne przeglądarki

Forum PHP.pl > Forum > Po stronie przeglądarki

robert-0627

29.01.2008, 22:00:19

Witam zrobiłem sobie coś takiego : http://www.mojeproby.yoyo.pl/

I mam problem ponieważ kiedy otworze to przez przeglądarke Opere to te 2 elementy są bardzo blisko siebie mniej wiecej w takiej odległości "||"tak jak chcę żeby było natomiast kiedy otworze przez internet explorer to powstaje dość znaczna róznica odległości pomiędzy tymi elementami " | |" Moje pytanie brzmi następująco . Jak zrobić aby w każdej przeglądarce tak samo wyglądało ?
Pozdrawiam i z niecierpliwością czekam na doświadczonego webmastera który mi pomoże ;]
Kodzik : Źródło storny .

gekon

31.01.2008, 11:03:38

Poczytaj http://kurs.browsehappy.pl/, szczególnie o Quirks Mode.

robert-0627

1.02.2008, 11:42:52

Gekon napewno chodziło ci o Quirks Mode? Wpisałem to w wyszukiwarce jednak nic nie znalazło. Jest coś z mode ale box model domyślam się ,że chodzi własnie o to ?

gekon

2.02.2008, 19:51:27

http://kurs.browsehappy.pl/Definicja/QuirksMode

trucksweb

3.02.2008, 00:54:43

umiesz to wszystko w jedym divie w ktorym dajesz margin: 0px; padding:0px;font-size:0px; mozesz ustawic szerokosc jesli ma byc i wsio dzialac bedzie pod kazda.

robert-0627

4.02.2008, 12:52:06

Szukam i szukam ale nie mogę tego znaleźć . Jak mam umieścic div w divie ?

trucksweb

4.02.2008, 21:48:53

[HTML] pobierz, plaintext 
<div id="pierwszy_div">
    <div id="drugi_div">jakas tresc</div>
   <div id="trzeci_div">aks ssss</div>
</div>
[HTML] pobierz, plaintext

i masz tu dwa divy w jednym divie

robert-0627

5.02.2008, 13:53:24

Zrobiłem tak jak zalecałeś jednak nadal to samo jest . Lub spójrz w kodzik może coś nie tak robie ?

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>SOLDAT</title>
<style type="text/css">
 
 
 
#lewa {
            position: absolute;
            width:    20%;
            height:   65%;
            top:      15%;
            left:     3%;
            border-width: medium;
            border: 3mm ridge;
            border-color: red;
            background: rgb(80,0,0);
);
          }
 
 
#srodek {
            position: absolute;
            width:    20%;
            height:   65%;
            top:      15%;
            left:     25%;
            border-width: medium;
            border: 3mm ridge;
            border-color: red;
            background: rgb(80,0,0);
);
          }
#calosc {
            margin: 0px; 
            padding:0px;
            font-size:0px;
             width:100%;
             height:100%;
             border-width: medium;
             border: 3mm ridge;
             border-color: red;
 
);
          }
</STYLE>
</HEAD>
<div id="calosc">
    <div id="lewa">jakas dddddddddd</div>
   <div id="srodek">aks ssss</div>
</div>
 
</div>
 
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><script type="text/javascript">_uacct = "UA-1482806-8"; urchinTracker(); </script>
 
<script src="/yoyo.pnq" type="text/javascript"></script>
 
<script src="http://ad.yoyo.pl/advertisements/sticker.js" type="text/javascript"></script>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.