Forum PHP.pl > [CSS][HTML]problem z pocyjonowaniem strony w IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]problem z pocyjonowaniem strony w IE

dawidoff86

29.03.2010, 13:05:39

Witam!
dopiero rozpoczynam swoją przygodę z html i css i mam problem z pozycjonowaniem elementów. chodzi mi mianowicie o to, aby mieć ułożone 3 elementy obok siebie, tak aby środkowy z nich miał rozmiar np 1000pixeli a pozostałe dwa dostosowywały swój rozmiar do rozdzielczości do ekranu.
mój kod wygląda następująco:

[CSS] pobierz, plaintext 
html, body {
	background-color: #ff0;
	color: #000;
	margin: 0;
	padding: 0;
}
 
#lewy {
	width: 50%;
        float: left;
	overflow: hidden;
	position: relative;
	background-color: #ccc;
}
 
#prawy {
	width: 50%;
        float: right;
	overflow: hidden;
	position: relative;
	background-color: #ccc;
}
 
/* --------- rozmiar strony i regionow -------------------- */
#strona{
        width: 1000px;
	background-color: #f00;
        position: relative;
        text-align: left;
        margin: 0 auto 0 auto;
}
[CSS] pobierz, plaintext

kod html oczywiście także nie jest zbyt rozbudowany:

[HTML] pobierz, plaintext 
    <body>
        <div id="lewy">Lewy</div>
        <div id="prawy">Prawy</div>
        <div id="strona">
            <div id="regoin_gorny">nagłówek</div>
            <div id="region_lewy">lewy</div>
            <div id="region_prawy">prawy</div>
            <div id="region_srodkowy">tresc</div>
            <div id="region_dolny">stopka</div>
        </div>
    </body>
[HTML] pobierz, plaintext

w ff otrzymuje:

natomiast ie wykrzacza się kompletnie nad tym:

thek

29.03.2010, 14:45:01

Poczytaj o fluid layouts to Ci się wyjaśni wiele

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.