Autor Zpráva
gomess
Profil
zdravim, kdyz zadam padding tak mi to bezproblemu odsadi nahore dole a pravo ale vlevo se ani nehne :-D už sem zkoušel css reset, matrojšku ale nic, díky za odpoved
panther
Profil
gomess:
bez odkazu na problematickou stránku konkrétní radu nečekej.
gomess
Profil
panther:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-UTF-8" />
<title>my page</title>

<style>
body{
background-image:url('background2.jpg');
}
#body{

margin:auto;
width:1024px;
height:auto;
}
#header{
width:1024px;
height:150px;
background-image:url('header2.jpg');
border-bottom:thin solid #000000;

}
#left-panel{
width:180px;
height:250px;
float:left;
background-image:url('right-panel.jpg');
}
#matroska{
width:844;
}
#right-panel{
padding:10px 10px 10px 10px;
height:100%;
background-image:url('left.jpg');
}
#cleaner{
clear:both;
width:100%;
height:20px;
border-top:#000000 thin solid;
background-image:url('cleaner.jpg')
</style>
</head>

<body>
<div id="body" >
<div id="header">



</div>
<div id="left-panel">
uvod

</div>
<div id="matroska">
<div id="right-panel">
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
</div>
</div>
<div id="cleaner">
create by me (c)
</div>
</div>

</body>
</html>

buhuzel nemuzu dat link na stranku, protoze jeste nemam zalozeny webhosting
mckay
Profil
gomess:
Vložit do , a ještě lépe to někam umístit! Kdo se v tom neobarveném zmatku má hrabat?
gomess
Profil
omlouvam se ale tohle delam opravdu chilku takze, jestli bysme mi mohli prosim trochu napovede jak
panther
Profil
gomess:
on tam je, ale tím, že pravý blok neplave, začíná pod levým blokem.

Přidej mu šířku a float: left, to bude asi nejrychlejší.
gomess
Profil
panther:
kdyz mu pridam float:left tak se mi zařadí pod levy panel
panther
Profil
gomess:
čti pořádně, co píšu [#6]. Zkus to ještě jednou.
gomess
Profil
panther:
udelal sem co píšeš tak pořád to nejde, vždycky se to zařadí pod levy panel at delam cokoliv
panther
Profil
gomess:
říkal jsem, ať přidáš šířku. Šířku takovou, aby se oba bloky vešly do nadřazeného bloku.
gomess
Profil
panther:
to mam udelane celkova sirka 1024, levy panel 180 , pravy panel 844
Davex
Profil
gomess:
Tady ještě něco chybí:
#matroska{ 
width:844px;	
}
gomess
Profil
Davex:
diky za upozorneni, ale stale to nic neudelalo
panther
Profil
gomess:
muselo. Založ si účet na některém z freehostingů a pošli sem odkaz na web. Tohle je věštění z koule, co jsi kam přidal.
Davex
Profil
gomess:
Aplikuj obě rady [#6] a [#12] zároveň.
gomess
Profil
Davex:
když mu, ale podle rady [#6] dam float:left tak mi pravy panel odskoci pod levy,protože oba budou mit stejny float
Bubák
Profil
Stejný float se používá úplně běžně a nic neodskakuje.
gomess
Profil
tak se si teda udelal hosting na gomess.wz.cz
Davex
Profil
gomess:
Vždyť nemáš nastaveno ani jedno. Tak ještě jednou podle [#6] a [#10]: bloku musíš nastavit zároveň float a pevnou šířku - a to takovou, aby se bloky vedle sebe vešly do šířky nadřazeného bloku.
Trejpa
Profil
gomess:
Bez plavání samozřejmě levý padding funguje, jenže je schován pod #left-panel. Textový obsah prvku #matroska (text v #right-panel) však kromě paddingu musí uhnout i plovoucímu #left-panel a začíná hned za ním.

Blok #matroska začíná už pod menu. Pokud to tak má být, použij:
#right-panel {
padding:10px 10px 10px 190px;
}

Pokud však má #matroska být vedle menu, použij:
#matroska {
float: left;
width: 844px;
}
gomess
Profil
je to
gomess
Profil
Trejpa
diky tohle jde ... ale vyskytl se mi tady jeste jeden maly problem a to ten ze stranka ma sirku 1024px a levy panel 180px a když nastavím pravý na 844px, tak nedostačuje na celou šiřku, aby dosahoval až na konec tak tam musím dat 1024px a to mi nejak nejde do hlavy aby 180+1024=1024
Trejpa
Profil
gomess:
Máš to špatně. Buď to budou dva bloky vedle sebe, a potom musí mít oba nastavenu šířku celkově se rovnající místu a oba musí mít float: left (jak se ti to snažili mí předchůdci vysvětlit a tys tam nikdy ten druhý float zároveň se šířkou pro matrosku nedal), nebo bude matroska bez floatu a bude tedy začínat už pod #left-panel, takže musí mít 100% šířku (a ne současných 844 px). Levý padding right-panelu bude odvozen od toho, kde bude matroska začínat.
gomess
Profil
už je vše ok, mnohokrát Vám všem děkuji
Trejpa
Profil
gomess:
Není. Podívej se na to v Internet Exploreru 6 nebo 7.
gomess
Profil
Trejpa:
je to v pořádku, kontroloval sem to v IE7, opeře, chromu a firefoxu

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0