Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [xHTML][CSS]Wyświetlanie na ekranie
gniew1971
post 4.02.2011, 00:58:05
Post #1





Grupa: Zarejestrowani
Postów: 97
Pomógł: 0
Dołączył: 18.12.2008

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


Witam,
Mam pewien problem z zakodowaniem szablonu. Na zdjęciu zaznaczyłem paski które mają być na całym ekranie bez względu na to ile monitor ma cali. Jak zakodować szablon by to wszystko tak ładnie było na marginesach i wyświetlało się dobrze na wszystkich monitorach? Niestety ale kombinuje i na 17 cali inaczej, na 19 cali inaczej, podkreślam że chodzi o to co na zdjęciu zaznaczyłem na czerwono.



Pozdrawiam - Damian!
Go to the top of the page
+Quote Post
prowseed
post 4.02.2011, 03:28:39
Post #2





Grupa: Zarejestrowani
Postów: 433
Pomógł: 64
Dołączył: 29.01.2011
Skąd: Warszawa

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


Wiec tak, powiem, ze robisz dla stopki to samo co teraz przedstawie dla headera.

Pierwszy div rodzic z szerokoscia na 100%. Na nim ustawiasz pierwsze tlo (na przyklad to po prawo - cienki pasek). W nim zagniezdzone dwa divy, jeden z margin 0 auto i z-index:999 width:980px (czy ile tam chcesz) ktory jest czescia strony, a drugi width:50% z drugim tlem przyklejony do lewej strony za pomoca position:absolute i left:0.

To tak na szybko wymyśliłem.

Ten post edytował prowseed 4.02.2011, 03:36:25


--------------------
Go to the top of the page
+Quote Post
gniew1971
post 4.02.2011, 17:05:46
Post #3





Grupa: Zarejestrowani
Postów: 97
Pomógł: 0
Dołączył: 18.12.2008

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


Dodam, że nad menu jest jeszcze taki cieniutki pasek. Możesz jaśniej napisać bo sobie nie radzę:/

Pragnę dodać że jest wszystko ok prócz tego paska od lewej co dochodzi do menu, nie mam pojęcia jak to ugryźć;/
Go to the top of the page
+Quote Post
prowseed
post 7.02.2011, 18:32:20
Post #4





Grupa: Zarejestrowani
Postów: 433
Pomógł: 64
Dołączył: 29.01.2011
Skąd: Warszawa

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


To tak jak juz Ci powiedzialem. Zrob nowego diva w headerze, daj mu
  1. width: 50%, position: absolute; top:0;left:0;
albo cos w tym stylu. Dopisz mu obrazek skrajnego skrawka tla i daj background repeat na x:
  1. background:url(fgds.jpg) top left repeat-x;

W sumie tyle powinno starczyc. Pamietaj o z-index, by Ci to nie nachodzilo na menu i reszte topu.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 26.06.2025 - 07:19