[css i div] Płynny szablon

0

Witam!
Zacząłem dopiero pracować na szablonach zrobionych na divach i css. Mam taki mały problemik. Stworzyłem pojemnik a w nim trzy kolumny: lewa i prawa - szerokość stała, środkowa - płynna. Trzeci div pojawia się poniżej tych dwóch w taki sposób że styka się lewym górnym narożnikiem z prawym dolnym narożnikiem drugiego. Oto kod css:

#naglowek{
	min-width:790px;
	width:100%;
}

#nag_l {
	position:relative;
	float:left;
	width:677px;
	height:250px;
	background-image:url('../gfx/lay/nag_l.jpg');
}

#nag_s_p {
	margin-left:677px;
	margin-right:110px;
	height:250px;
	background-image:url('../gfx/lay/nag_s_r.jpg');
	background-repeat:repeat-x;
}

#nag_p {
	position:relative;
	float:right;
	width:110px;
	height:250px;
	background-image:url('../gfx/lay/nag_p.jpg');
}

html:

<div id="naglowek">
	<div id="nag_l"></div>
	<div id="nag_s_p"></div>
	<div id="nag_p"></div>
</div>

aha no i oczywiście jest jeszcze to:

html, body {
	background-color:#324067;
	color:#fff;
	margin:0;
	padding:0;
}
0

podziwiamy...

0

Rozumiem, że zostałem wyśmiany.. :/

0
blm napisał(a)

Rozumiem, że zostałem wyśmiany.. :/

nie podałeś z czym konkretnie masz problem

domyślam, się że środkowa kolumna jest pod prawą i lewą kolumną, zacznij od tego, że dla niej też będzie trzeba zdefiniować float:left, skoro prawa i lewa mają zdefiniowane float

hmm z tymi automatycznymi szerokościami może być ciężko, szczególnie jeśli to twój pierwszy css, zapłaczesz się jak przyjdzie ci dostosowywać wyświetlanie strony, aby było takie samo w wielkiej trójcy

jak zaczynasz, to na początku ciężko będzie ci dostosować szablon ze stałymi szerokościami, tak aby był tak samo wyświetlany w przeglądarkach, pamiętam jak ja się na początku męczyłem :] interpretery CSS znacznie się różnią w IE i FF/Operze(te są podobne), trzeba po prostu trochę doświadczenia, żeby zauważyć co wyświetla się tak samo, a co inaczej, zresztą sam zobaczysz, zobaczysz, że będziesz jeszcze wyklinał autorów przeglądarek za te różnice ;)

0
blm napisał(a)

Trzeci div pojawia się poniżej tych dwóch w taki sposób że styka się lewym górnym narożnikiem z prawym dolnym narożnikiem drugiego.

To trzeci jest pod tamtymi

0

a więc drugi jest zbyt szeroki, zdefiniuj mu taką długość, aby trzeci się z nimi zmieścił i zobaczysz czy to to, chłopie kombinuj trochę...

0

No i zrobiłem.. :) wyświetla poprawnie w FF i IE..

#naglowek{
	position:relative;
	min-width:790px;
	height:250px;
	overflow: hidden;
}

#nag_l {
	position:absolute;
	left:0px;
	top:0px;
	width:677px;
	height:250px;
	background-image:url('../gfx/lay/nag_l.jpg');
}

#nag_s_p {
	margin-left:677px;
	margin-right:110px;
	height:250px;
	background-image:url('../gfx/lay/nag_s_r.jpg');
	background-repeat:repeat-x;
}

#nag_p {
	position:absolute;
	top:0px;
	right:0px;
	width:110px;
	height:250px;
	background-image:url('../gfx/lay/nag_p.jpg');
}

1 użytkowników online, w tym zalogowanych: 0, gości: 1