Forum PHP.pl > div width: 100% z marginasami

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: div width: 100% z marginasami

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

expert

17.10.2011, 20:29:56

Witam,

mam taki kod:

[HTML] pobierz, plaintext 
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="shortcut icon" href="images/icon.gif">
	<link rel="icon" type="image/gif" href="images/icon.gif">
 
	<link href="other/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="other/jquery.js"></script>
</head>
<body>
<div class="stopka">&copy; <?=date("Y");?> Wszelkie prawa zastrzeżone.</div>
</body>
</html>
[HTML] pobierz, plaintext

i css:

[HTML] pobierz, plaintext 
body {
	background-color:#231F1C;
	margin:0px;
	padding:0px;
	font-family:Verdana;
	font-size:11px;
	cursor: default;
	width: 100%;
}
 
.stopka{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin:0px 43px;
	padding:29px 8px;
	font-size: 12px;
	color: #4D443F;
	background: url('../images/kres_stopka.jpg');
	background-repeat:repeat-x;
	background-position:top; 
}
[HTML] pobierz, plaintext

chodzi o to, że chce aby stopka była rozciągnięta na cała szerokość strony, ale z marginesami bocznymi 43px; Na FF i opera działa dobrze, tylko jak zwykle na IE się sypie -.- P{rosiłbym o jakąś podpowiedź, bo nie chce tego robić w jakis tabelach, div w divie itp. Chce to jakoś ogarnąć za pomocą CSS.

by_ikar

18.10.2011, 08:57:30

Spróbuj dla stopki dodać:

Kod

width: auto;

zamiast

Kod

width: 100%;

Nie jestem pewien czy to zadziała, bo nie mam IE 6/7, a w IE8 działa to tak samo jak w innych przeglądarkach.

Sephirus

18.10.2011, 12:19:45

Ok i niestety trzeba Cię ochrzanić

Na co Ci position:absolute w stopce?

Marginesy nie są stworzone do używania razem pozycjonowaniem absolutnym... ehh... To że jakaś przeglądarka to wyświetla to po prostu fart ;P

Olej position:absolute, pokasuj deklaracje left, right, top itp.. i skasuj cokolwiek związanego z width (div automatycznei ma width na auto)

powinno smigać

HTH!

P.S. Jeżeli naprawdę potrzebujesz tego absolute... Musisz niestety do tej stopki którą masz wrzucić kolejnego diva... ZOBACZ

expert

18.10.2011, 14:14:11

Absolute potrzebuję, żeby stopka była zawsze na dole strony i tyle. Posłużyłem się Twoim przykładem z linka i działa. Dzięki :-)

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.