Forum PHP.pl > [div] problem z topem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [div] problem z topem

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

pavelb

18.01.2008, 16:30:58

Witam!
Dopiero raczkuje w divach i mam prośbę o pomoc jak zrobić na divach taki top jak w załączniku.

Pozdrawiam

Wieviór

19.01.2008, 07:41:54

Tworzysz głównego diva z id=container z atrybutem "position: relative". Potem w nim trzy: lewy, srodek, prawy. Ustawiasz im odpowiednio atrybuty "float: left", "float: left", "float right".

Dla tego środkowego ustawiasz jeszcze "width: 120; border: 1px". No i jeśli tworzysz strony na rozdzielczość 1280x1024x960, to wystarczy tylko ustawić, by te po lewej i po prawej miały razem 61 szerokości, co da w sumie:

1200 środkowego, 2 bordera, 61 lewy i prawy, 17 na pasek przewijana: 1280.

Najlepiej więc ustaw lewy na "width: 39", prawy na "width: 22".

Pozdrawiam.

pavelb

20.01.2008, 10:09:05

Właśnie tylko że ja chce to zrobić pod rozdzielczość 1280 i większą

W przypadku tabelki wygląda to tak:
<table style="width: 100%; height: 100px; text-align: center;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="background-image: url('lewa.png');"><img src="spacer.gif" width="1" height="1" alt="" /></td>
<td style="width: 1000px;">TOP</td>
<td style="background-image: url('prawa.png');"><img src="spacer.gif" width="1" height="1" alt="" /></td>
</tr>
</table>

I mam wtedy lewa i prawo stronę automatycznie dostosowaną do szerokości przeglądarki i nie może to być na sztywno.
Jeśli ktoś wie jak to zrobić na divach to bardzo proszę o pomoc

gekon

20.01.2008, 22:18:27

http://perfectionorvanity.com/2007/11/03/p...tujace-tabelki/

pavelb

2.02.2008, 00:00:08

Dziękuje za link

Ale już pojawił się problem ponieważ pod IE 7 na dole aktywny jest scroll

[HTML] pobierz, plaintext 
<!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" lang="en">
 
<head>
	<title>Strona</title>
	<meta http-equiv="content-type" content="text/html;charset=windows-1250" />
<style type="text/css"><!--
 
body, div {
	margin: 0;
	padding: 0;
}
 
 
#masthead .primary,
#masthead .secondary {
position: absolute;
width: 50%;
height: 100px;
}
 
#masthead .secondary {
left: 0;
background: #00FF00;
}
 
#masthead .primary {
left: 50%;
background: #FF0000;
}
 
--></style>
</head>
<body>
 
	<div id="masthead">
		<div class="primary"></div>
 
		<div class="secondary"></div>
	</div>
</body>
</html>
[HTML] pobierz, plaintext

Jeśli ktoś wie jak to poprawić proszę o pomoc!

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.