Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [div] problem z topem
pavelb
post
Post #1





Grupa: Zarejestrowani
Postów: 81
Pomógł: 0
Dołączył: 1.06.2006

Ostrzeżenie: (0%)
-----

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

Pozdrawiam

(IMG:http://www.lidertechnic.pl/katalog_makeweb/tops.png)
Go to the top of the page
+Quote Post
-Wieviór-
post
Post #2





Goście
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.

Ten post edytował Wieviór 19.01.2008, 07:42:38
Go to the top of the page
+Quote Post
pavelb
post
Post #3





Grupa: Zarejestrowani
Postów: 81
Pomógł: 0
Dołączył: 1.06.2006

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
gekon
post
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

Ostrzeżenie: (0%)
-----

http://perfectionorvanity.com/2007/11/03/p...tujace-tabelki/
Go to the top of the page
+Quote Post
pavelb
post
Post #5





Grupa: Zarejestrowani
Postów: 81
Pomógł: 0
Dołączył: 1.06.2006

Ostrzeżenie: (0%)
-----

Dziękuje za link (IMG:http://forum.php.pl/style_emoticons/default/guitar.gif)

Ale już pojawił się problem ponieważ pod IE 7 na dole aktywny jest scroll (IMG:http://forum.php.pl/style_emoticons/default/dry.gif) 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  4.  
  5. <head>
  6. 	<title>Strona</title>
  7. 	<meta http-equiv="content-type" content="text/html;charset=windows-1250" />
  8. <style type="text/css"><!--
  9.  
  10. body, div {
  11. 	margin: 0;
  12. 	padding: 0;
  13. }
  14.  
  15.  
  16. #masthead .primary,
  17. #masthead .secondary {
  18. position: absolute;
  19. width: 50%;
  20. height: 100px;
  21. }
  22.  
  23. #masthead .secondary {
  24. left: 0;
  25. background: #00FF00;
  26. }
  27.  
  28. #masthead .primary {
  29. left: 50%;
  30. background: #FF0000;
  31. }
  32.  
  33. --></style>
  34. </head>
  35. <body>
  36.  
  37. 	<div id="masthead">
  38. 		<div class="primary"></div>
  39.  
  40. 		<div class="secondary"></div>
  41. 	</div>
  42. </body>
  43. </html>
[HTML] pobierz, plaintext


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

Ten post edytował pavelb 2.02.2008, 13:40:37
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.12.2025 - 11:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn