 Problem z blokami div ? |
| Problem z blokami div ? |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 20 Pomógł: 0 Dołączył: 21.02.2008 Ostrzeżenie: (0%) 
 |
Tworze stonke int mam następujący problem, to jest źródło html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Wiersze i wierszyki na każdą okazje</title> <link href="styl.css" rel="stylesheet" type="text/css" /> <meta http-equiv="Content-Language" content="pl" /> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> </head> <body> <div id="glowny"> <div id="NAGLOWEK"></div> <div id="MENU">menu</div> <div id="INF">informacje</div> <div id="TRESC"> <h1>Szukasz wiersza, wierszyka (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) </h1> <h1>Najlepsze wiersze na każdą okazje (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) </h1> </div> <div id="STOPKA">Stopka</div> </div> </body> </html> a to css KODhtml body { background-color:#d6c7fc; color: #000000; margin: 0; padding: 0; } #glowny { width: 780px; margin-left: auto; margin-right: auto; } #NAGLOWEK { background: url(grafika/logo.jpg) no-repeat; width:780px; height:200px; } #MENU { width: 150px; float: left; overflow: hidden; background-color: #00ffff; } #INF { width: 150px; float: right; overflow: hidden; background-color: #808000; } #TRESC { width: 480px; float: left; overflow: hidden; background-color: #ffffff; margin-left: 150px; margin-right: 150px; } #STOPKA { clear: both; width: 100%; background-color: #ff8040; } jak dodać treść do bloku div (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Chciałbym dodać treść do bloku menu w postaci listy, wstawiam ją ze znacznikami li i ul pomiędzy znacznik div lecz wtedy na stronie blok treści przesóa się na dół, tak wiec jak dodam do listy 10 pozycji to blok treści zjedzie mi na dół a chciałbym żeby cały czas był w tym samym miejscu |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 249 Pomógł: 30 Dołączył: 18.07.2007 Ostrzeżenie: (0%)
|
Dałeś dla #menu, #inf, #tresc float (left i right), dodatkowo dla #tresc dales margin left i right co sprawia, że blok #tresc zajmuje 480 + 150 +150 px i dlatego nie mieszczą ci sie wszystkie.
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 20 Pomógł: 0 Dołączył: 21.02.2008 Ostrzeżenie: (0%)
|
Szerokość treści to 480, szerokośc menu 150, szerokość inf 150 daje to 780 czyli szerokośc dokumentu, nie rozumiem hehe (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ale w takim razie jak to zrobić (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) marginesy przy menu i inf zrobiłem żeby treść była po środku. Masz może jakiś pomysł jak to zrobić (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
|
|
|
|
|
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 249 Pomógł: 30 Dołączył: 18.07.2007 Ostrzeżenie: (0%)
|
Jakto nie rozumiesz, a szerokości boczne bloki mają po 0px? Dałeś opływanie elementów z marginesami. Pomyśl...
Podpowiem tylko, że tutaj musiałbyś mieć dokument szeroki na 1080px (480 + 150 +150 + 150 +150). |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 20 Pomógł: 0 Dołączył: 21.02.2008 Ostrzeżenie: (0%)
|
Usunełem marginesy w div tresc ale teraz blok tresc przesówa mi sie w lewo :/
Tzn jeśli w bloku menu nie ma żadnej treśći blok tresc przesóa się na lewo jeśli jest jakaś treść to się nie przesówa i jest dobrze, czyli w takim razie tak zostawić?? |
|
|
|
 |
|
Aktualny czas: 22.08.2025 - 18:05 |
