Tylko dla IE...

tsuzso · Post autor: **tsuzso** » pt sie 26, 2005 11:29 am

Witam! Mam problem (znowu)

Jak najprościej zmodernizować ten kod, aby wyświetlał sie w innych przeglądarkach tak samo, jak w IE?

<style>
#bazowy{
width:778px;
border-style:dotted;
border:1px;
text-align:center;

}
#all{ 
width:778px; 
border-style:solid; border:1px;
position:float;
background-image: url("inde.png");
background-repeat:repeat-y;
} 
#glowny{ 
position:relative; 
left:10px;
width:570px; 
border-style:solid; border-color:#FF0000; border:1px;
float:left;
} 
#boczny{ 
position:relative;
left:20px;
width:164px; 
border-style:solid; border:1px; border-color:#FF0000; 
float:left;
}
#gorny{
width:788px;
height:150px;
background-color:red;
}
#dolny{
width:788px;
height:50px;
background-color:gray;
}
</style></head><body>
<div id="bazowy">
	<div id="gorny"></div>
	<div id="all"> 
			<div id="glowny"> nasza niesamowita oferta ... nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ..nasza niesamowita oferta ... nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ..nasza niesamowita oferta ... nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ..nasza niesamowita oferta ... nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ..nasza niesamowita oferta ... nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ..nasza niesamowita oferta ... nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ...nasza niesamowita oferta ...
			</div> 
			<div id="boczny">Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek Cokolwiek 
			</div>
	</div> 
	<div id="dolny"></div>
</div>

Calif · Post autor: **Calif** » ndz sie 28, 2005 1:44 am

tsuzso się nic nie martw właśnie kod przeglądam i go "modernizuję"
Jak by coś to pytaj na PW. Efekty moich działań opublikuję na łamach tego
tematu

ewentualnie klikaj na GG i nie patrz na to że jestem niedostępny...

Dobrze by było jakbyś mi podesłał JPG'a jak ma to konkretnie wyglądać.
Kilka rzeczy z kodu ma niby działać ale nie działa tak jak powinno (błędy).
Dobrze by było jakyś zamiećił bądź podesłał wzór tego czego chcesz....

tsuzso jakbym nie kombinował to naprawdę potrzebuję wzór tego jak to ma
wygladać. Styl jest tragicznie napisany, jeśli mam coś sensownego Ci napisać
to koniecznie podeślij mi wzór, jak ta strona ma wyglądać bo w ciemno nie
wymyślę niczego

tsuzso · Post autor: **tsuzso** » pn sie 29, 2005 2:21 pm

Tutaj: ddam.webpark.pl/projekt.png leży projekt, do którego szkieletem miał byc ten kod...

Calif · Post autor: **Calif** » wt sie 30, 2005 1:41 pm

No taaaaaak......teraz wiem co ma ręce i nogi

Więc zabieramy się za robotę ......

tsuzso · Post autor: **tsuzso** » śr sie 31, 2005 2:50 pm

i co? Da się?

Calif · Post autor: **Calif** » śr sie 31, 2005 3:11 pm

Wszystko da się wstępnie tak zrobiłem. Niestety dokładnie nie wiem do kąd ma być grafika jakie ma mieć wymiary. Niektóre elementy równie dobrze można zrobić na CSS jak też jako grafikę. Zobacz na to i sam powiesz czy tyle ci starczy...

HTML

Kod: Zaznacz cały

<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    
<head>
	
	<link rel="stylesheet" type="text/css" href="style.css" />
	<?xml-stylesheet type="text/css" href="style.css" ?>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
	<title>Przykład by Calif</title>

</head>

<body xml:lang="pl">

	<div id="glowny">

		<div id="top">
		</div>

		<div id="menu"> 
		
		</div>
		
		<div id="main">
			<div id="lewa"></div>
			<div id="prawa"></div>
		</div>

		<div id="foot">
		</div>


	</div>

</body>
</html>

CSS jako osbny plik style.css

Kod: Zaznacz cały

body	{
	background: #ccc;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	}

#glowny	{
	width: 760px;
	background: #fff;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
	}

#top	{
	width: 760px;
	height: 150px;
	background: #f3f3f3;
	}

#menu	{
	width: 760px;
	height: 30px;
	background: #e9e9e9;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}


#main	{
	width: 752px;
	height: 350px;
	background: #e9e9e9;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}

#lewa	{
	width: 550px;
	height: 350px;
	background: #f3f3f3;
	float: left;
	}

#prawa	{
	width: 198px;
	height: 350px;
	background: #f9f9f9;
	float: left;
	border-left: 1px dotted #000;
	}

#foot	{
	width: 760px;
	height: 30px;
	background: #e9e9e9;
	text-align: center;
	border-top: 1px solid #000;
	}

Jak pytania to pisać, mam nadzieję, że jest jasno napisane...

tsuzso · Post autor: **tsuzso** » czw wrz 01, 2005 9:39 am

Super!

Wielkie dzięki za Twoją pracę i zaangażowanie. Nieczęsto trafia sie na tak pomocnych ludzi. Naprawdę jestem pod wrażeniem. Jakby jeszcze środkowa warstwa umiała się dynamicznie dostosowywać do zawartości to byłbyś dla mnie skończonym bogiem

Calif · Post autor: **Calif** » pt wrz 02, 2005 8:22 pm

Dlatego zostawiłem choć trochę byś pomyślał.....

tsuzso · Post autor: **tsuzso** » ndz wrz 04, 2005 10:44 am

Niestety jestem na tyle niekumaty, że nie wiem jak zagnieżdzić w divie dwie kolumny jedna przy drugiej, tak by rozciągały rodzica i zarazem obeszło się bez użycia float-ów i/lub position:absolute

Hawk · Post autor: **Hawk** » ndz wrz 04, 2005 6:14 pm

W obydwu:

Kod: Zaznacz cały

display: inline;

Dziala, ale za dokladnie tego nie testowalem, wiec moga sie pojawic jakies komplikacje.

tsuzso · Post autor: **tsuzso** » ndz wrz 04, 2005 10:20 pm

nie działa.

Tylko dla IE...

Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...

Re: Tylko dla IE...