Forum PHP.pl > [CSS]Dorównanie tła do końca

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Dorównanie tła do końca

kurczak610

6.01.2010, 17:02:46

Witam, mam problem z css oto screen:
LINK
Tam gdzie pisze: "cdfds" jest menu

Jak widzicie nie jest one do końca dociągnięte, wiecie moze jak to naprawić aby to dorównało się do tego obok?
Oto 2 pliki index i styl

index :

Kod

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  <meta http-equiv="Content-Language" content="pl" />
  <meta name="Keywords" content="XX" />
  <meta name="Description" content="XX" />
  <meta name="Robots" content="ALL" />
  <meta name="Author" content="Kurczak610" />
  <link rel="stylesheet" href="style.css" type="text/css" />
  <title>Safarigames</title>
</head>
<body>
<center>
<div id="logo"></div>
<div id="lewastrona">
<div id="menu">
cdfds
</div>
</div>

<div id="prawastrona">
<div id="tlo">
gsd<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>sa<BR>
<div id="stopka">
</div>
</div>
</div>
</center>
</body>
</html>

Styl:

Kod

#logo {
background:url(logo.bmp);
width: 800px;
height: 342px;
}

#tlo {
background:url(stronatlo.bmp);
width: 624px;
}

#stopka {
background:url(stopka.bmp);
height: 58px;
margin-left: -175px;
}

#menu {
background:url(menu.bmp);
}

img {
border: 0px;
}

body {
font-family: Tahoma, Helvetica, sans-serif;
font-size: 12px;
background:url(tlo.bmp);
color: black;
}

table,td {
font-family:Tahoma, Helvetica, sans-serif;
font-size:12px;
}

a:link {
color: #000000;
text-decoration:none;
font-weight: bold;
}
a:visited {
color: #000000;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #000000;
text-decoration:none;
font-weight: bold;
}
a:active {
color: #000000;
text-decoration:none;
font-weight: bold;
}

#lewastrona {
width: 177px;
z-index:1;
position: absolute;
margin-left: 232px;
}

#prawastrona {
width: 450px;
z-index:1;
position: absolute;
margin-left: 407px;
}

Z góry dzięki

Armstrong

6.01.2010, 17:15:26

[HTML] pobierz, plaintext 
#menu {
background:url(menu.bmp);
height: 100%;
}
[HTML] pobierz, plaintext

kurczak610

6.01.2010, 17:20:38

Nic nie dało ;/

emtiej

6.01.2010, 17:24:55

[CSS] pobierz, plaintext 
#stopka {
background:url(stopka.bmp);
height: 58px;
margin-left: -175px;
clear: both;
}
[CSS] pobierz, plaintext

Może coś takiego? Bez plików na dysku trochę trudno to ustawić...

kurczak610

6.01.2010, 17:29:17

Też nic ;/

Pawel_W

6.01.2010, 18:25:15

http://www.kurshtml.boo.pl/css/staly_szablon,szablon.html

webspy

6.01.2010, 18:57:59

Może dało by radę dać tak:

[HTML] pobierz, plaintext 
<div id="srodek">
 
<div id="lewa"></div><div id="prawa"></div>
 
 
</div>
[HTML] pobierz, plaintext

Wtedy ustawiasz sobie kolor tla id=srodek taki jak ma byc w menu a id=prawa dajesz kolor taki gdzie bedzie tekst.
Wtedy przy wiekszej ilosci tekstu id=srodek bedzie sie rozciagal i tlo pozostanie.

Pawel_W

6.01.2010, 19:03:45

Cytat(webspy @ 6.01.2010, 18:57:59 )

Może dało by radę dać tak:

[HTML] pobierz, plaintext 
<div id="srodek">
 
<div id="lewa"></div><div id="prawa"></div>
 
 
</div>
[HTML] pobierz, plaintext

Wtedy ustawiasz sobie kolor tla id=srodek taki jak ma byc w menu a id=prawa dajesz kolor taki gdzie bedzie tekst.
Wtedy przy wiekszej ilosci tekstu id=srodek bedzie sie rozciagal i tlo pozostanie.

po to mu dałem tego linka

exood

8.01.2010, 16:35:17

Hej,
zamień miejscami diva id="menu" z divem id="prawa"
daj tym divom w css float:left;
zmniejsz width diva prawa lub menu bo div obejmujacy ma 800px, a div menu i prawa maja w sumie 624+177 czyli 801px

kurczak610

8.01.2010, 16:53:02

Dzięki, ale nic to nie dalo, teraz jest odwrotnie menu wyzej a tekst pod menu, a ja chce w jedniej lini wszystko;p
A jak jeszcze dodam w tych divach fload:left to jest tak:

Link

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.