Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Problem z blokami div ?
daroman123
post
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 questionmark.gif </h1>
<h1>Najlepsze wiersze na każdą okazje 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 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
Go to the top of the page
+Quote Post
grzesiek_g
post
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.


--------------------
Warsztat: Ubuntu 12.10, PHPStorm
http://vertoo.pl
Go to the top of the page
+Quote Post
daroman123
post
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 smile.gif ale w takim razie jak to zrobić questionmark.gif marginesy przy menu i inf zrobiłem żeby treść była po środku. Masz może jakiś pomysł jak to zrobić questionmark.gif dzięki smile.gif
Go to the top of the page
+Quote Post
grzesiek_g
post
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).


--------------------
Warsztat: Ubuntu 12.10, PHPStorm
http://vertoo.pl
Go to the top of the page
+Quote Post
daroman123
post
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ć??
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 Aktualny czas: 21.08.2025 - 14:02