Page 1 of 1
[SOLVED][HTML/CSS] Dziwna dziura
Posted: Thu Aug 05, 2010 10:25 am
by Poe
witam. Mam oto taki fragment kodu
Code: Select all
<div class='container'>
<img src='graph/boorder-main-top.png' border='0' margin='0' padding='0' />
<!-- Header -->
<div class='header'>
<a href='glowna'><img src='graph/logo-diagnomed.jpg' alt='diagnomed katowice - leczenie stwardnienia rozsianego.' /></a>
</div>
<!-- menu glowne -->
<div class='menu'>
<a href='index.php?p=glowna'>Główna</a>
[...]
<a href='index.php?p=links'>Linki</a>
</div>
<br />
<br />
<!-- Korpus -->
<div class='border-top'>
<img src='graph/border-top2.png' />
</div>
<div class='main'>
[...]
w efekcie, jest takie cos -
http://img295.imageshack.us/img295/7687/rozjazd.jpg
Jak widać na załączonym obrazku, pomiędzy sekcją 'border-top' (czyli ta zaokrąglona belka) a sekcją 'main' jest dziwny odstęp, którego za nic nie potrafię zniwelować. marginesy na 0, padding na 0, obrazek-belka nie ma żadnego tła dodatkowego, przezroczystego)...
w css tak to wygląda
Code: Select all
.border-top, border-bottom
{
top:0px;
bottom:0px;
padding:0px;
}
.border-top img, border-bottom img
{
padding:0px;
margin:0px;
}
.main {
top: 0px;
bottom:0px;
background: url(../graph/main2.png);
margin-top:0px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
display:block;
height: auto;
width: 800px;
text-align: justify;
position: relative;
}
z dolną belką, która jest tak samo wstawiona pod sekcją 'main' jakos sie przykleiła...
w czym tkwi błąd?
Posted: Thu Aug 05, 2010 10:36 am
by SlashBeast
Uzyj firefoksowego webdeveloper, show element info i najedz na ta przestrzen, zobacz co to jest i wtedy bedziesz wiedzial, co poprawiac.
ew. zapisz wygenerowany html gdzies i wyslij mi na priv linka, poprawie Ci to.
Posted: Thu Aug 05, 2010 10:59 am
by Poe
wg webdevelopera, ta przestrzeń należy do containera, czyli do głównego pojemnika ograniczonego tymi zewnętrznymi gradientami. w nim znajduje sie header, menu, wspomniana belka oraz main.
Code: Select all
.container {
top: 0px;
background: url(../graph/background.png);
background-repeat:repeat;
border:none;
width: 1024px;
height: auto;
padding-top:0px;
padding-bottom: 0px;
margin: 10px;
margin-top:0px;
margin-bottom:0px;
}
jak widać, niczego szczególnego tu nie ma...
byłoby dużo łatwiej, gdyby border-top mógł akceptować wartość url()..
Posted: Thu Aug 05, 2010 11:11 am
by Poe
hmmm, dorwałem gada dziwnym rozwiązaniem - każda strona jest ładowana php do index.php
Code: Select all
@$p=$_GET["p"];
if (file_exists("strony/".$p.".php")) {
require("strony/".basename($p.".php"));
}
else {
require("strony/glowna.php");
}
muszę przed jakimkoolwiek tekstem wstawić <br />.
przykladowo. jezeli plik glowna.php zaczyna się od
przed <h1> muszę wstawić wspomniany znacznik <br />. trochę mi to produkuje niepotrzebną przestrzeń, ale lepsze to, niz nic, przynajmniej się skleiło i można już na spokojnei dochodzić, o co chodzi.
EDIT
jeszcze co nieco pozmieniałem, wstawiłem po prostu <br /> tuż za <div class='main'> a przed php znacznik <br /> i działa. ale o co chodzi, chcialbym wiedzieć...
pozdrawiam
Posted: Thu Aug 05, 2010 11:25 am
by SlashBeast
Musze przyznac, ze masz bardzo egzotyczny design tego kodu.
Posted: Thu Aug 05, 2010 11:34 am
by Poe
cóż, może i czasami mam jakieś kombinowane sposoby, stąd też czasami jakieś psikusy. ale działa.
Posted: Fri Aug 06, 2010 3:29 pm
by sebas86
Poe, chyba dałeś CSS nie do tego HTML-a.
Patrząc po CSS-ie mam wrażenie, że ręcznie pozycjonujesz grafiki od ramek, w dodatku (sądząc po nazwach w kodzie) masz zdefiniowany obrazek ramki nad samym logo (to podtrzymuje mnie w przekonaniu, że jest tak jak mówiłem). I to może być przyczyna Twojego problemu. Niestety więcej z takim urywkiem kodu nie pomogę, nie lubię się domyślać, a tym bardziej wróżyć.
