Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z blokami div ?
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
daroman123
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
grzesiek_g
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.
daroman123
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
grzesiek_g
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).
daroman123
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ć??
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.