správné napozicování CSS

mr.M · Příspěvek od **mr.M** » 05 říj 2010 16:17

Ahoj potřebuju nutně pomoct... mám tento kód CSS (nedávám celý jen to k věci)

body
{
background-color: #black;
font-size: 17px;
font-family: arial;

}

#celek
{border-style:solid;
border-width:1px;
border-color: white;
margin : 0 auto;
width: 850px;
height:auto;

}

#h1{
margin: left;
font-size: 44px;
}
#head
{
position:relative;

width: 852px;
height: 633px;
background-color: none;
}




#leva
{
float: left;
width: 240px;
height:240px;
background-image: url(img/leva.png);
background-repeat: no-repeat;

}
#stred{font-color:white;
float: left;
width: 372px;
height:153px;
background-image: url(img/stred.png);
background-repeat: no-repeat;
}
#prava{
float: left;
width: 240px;
height: 240px;
background-image: url(img/prava.png);
background-repeat: no-repeat;
}
#navigace
{
clear:both;
}

a takto je v html

Kód: Vybrat vše

<?
$p=$_GET["p"]; 
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 


  <link rel="stylesheet" type="text/css" href="style.css" /> 
  <title>gaseki.cz</title>
  </head>
  <body>
<!--[if IE]>
<center>
 <![endif]-->  
<div id="celek">
<div id="mezera">
</div>  
<div id="h1">

<div id="head">

<div id="leva"></div>
<div id="stred">
blabla
<div id="navigace"><center> <a href="gaseki.php?p=onas">O nás</a>
  <a href="gaseki.php?p=onas">Reference</a>
  <a href="gaseki.php?p=onas">Fotogalerie</a>
</center></div></div>
<div id="prava"></div>
  
 
    
</div>
  <div id="spodek">
<!--[if IE]>
</center>
 <![endif]-->
<!--[if IE]>
<left>  
<![endif]-->
<div id="menu">
<ul>
<li><a href="gaseki.php?p=evmark">Event Marketing a firemní akce</a></li>
<li><a href="gaseki.php?p=evmark">Dárkové předměty</a></li>
<li><a href="gaseki.php?p=evmark">Grafická studia</a></li>
<li><a href="gaseki.php?p=evmark">Catering</a></li>
<li><a href="gaseki.php?p=evmark">Databáze společnských prostorů</a></li>
<li><a href="gaseki.php?p=evmark">Hostesky</a></li>
<li><a href="gaseki.php?p=evmark">Hudba</a></li>
</ul>
</div> 
<!--[if IE]>[attachment=0]PCH.png[/attachment]
</left>  
<![endif]-->
<!--[if IE]>
<center>
 <![endif]--> 

<?
if($p=="")
{
$a="index";
}

if($p=="evmark")
{
$a="evmark";
}

if($p=="onas")
{
$a="onas";
}
?>

<div id="obsah">

<div id="odsazeni">
<? include("inc/".$a.".html");?></div>
</div></div>
</div><!--[if IE]>
</center>
  </div>

 <![endif]-->

  </body>
</html>

za boha, ale nemůžu přijít jak napozicovat ten tmavě žlutý obdelník nahože viz

Stene · Příspěvek od **Stene** » 05 říj 2010 16:34

Tvůj kód kopírovat nebudu. Nemám na to čas, pokud chceš opravdu poradit, nahoď to na živej web.

Jinak, ty neumíš udělat tři sloupce v css? :smile:

Ve finále ani nevím, co po nás chceš? Co vůbec znamená napozicování žlutého obdélníku?
vo v css znamená tohle?
font-color:white;

mr.M · Příspěvek od **mr.M** » 05 říj 2010 17:35

ne.. tři obedlníky ti napozicuju bez problémů.. ale jeden velkej a vedle něho dva malý a pak zase velkej ... nějak si to neumím sesumírovat v hlavě.. a v důsledku tam bude malá navigace.. :)

CZechBoY · Příspěvek od **CZechBoY** » 05 říj 2010 19:28

http://www.testing.jabko.net/spravne-pozicovani-css.php
pošli prosím všechny zdrojáky které tam mám nahodit, jinak nevím o co se tu snažíš a co ti nejde

Stene · Příspěvek od **Stene** » 05 říj 2010 20:46

http://kamil.velkyberanov-fotbal.cz/text.html toť?

mr.M · Příspěvek od **mr.M** » 06 říj 2010 11:12

CZechBoY: www.4all4.xf.cz/gasekicz/ostylovano/gaseki.php ... ;-)

Stene: .. ano, přesně tak to myslím :)

CZechBoY · Příspěvek od **CZechBoY** » 06 říj 2010 15:55

takže ty si přeješ dát ty odkazy(asi menu) mezi ty dva kusy?
proč radši neudělal 1DIV menu(tam dáš to pozadí) a do toho nenarveš to menu přes nějaký záporný pozicování?

mr.M · Příspěvek od **mr.M** » 06 říj 2010 16:20

..změnil jsem tedy velikost divu stred tak aby to odpovídalo... do něj jsem dal div navigace (jedná se o pouze ty tři odkazy) ... avšak css mi jaksi ignoruje parametr top.... nevím proč :/ + koukám že includovaný obsah mi to dává mimo div celek což taky nevím proč :huh:

edit: tak ta navigace by měla být veřešena.. zkoukněte to :)

CZechBoY · Příspěvek od **CZechBoY** » 06 říj 2010 16:22

position:absolute(můžeš použít i relative)

mr.M · Příspěvek od **mr.M** » 06 říj 2010 18:59

no jo

já si to umazal.. teď ještě vyzrát na ten retardovanej IE

Příspěvek od **Myloš** » 06 říj 2010 19:09

IE „dělá neplechu“ očividně vlivem Doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Tento doctype vyvolá Quirk, neboli režim zpětné kompatibility, což znamená, že IE nerespektuje pravidla a chová se jako starší verze (5.x).
Více viz http://www.jakpsatweb.cz/css/mody-prohlizecu.html

Příspěvek od **Myloš** » 06 říj 2010 19:25

CZechBoY píše:position:absolute(můžeš použít i relative)

To je jako „Polívku (můžeš použít i hřebíky)“.

Přestože v obou případech mluvíme o pozicování, každé dělá něco zcela odlišného.

Position: absolute vyjme element z toku dokumentu – stránka se chová tak, jako by tam onen absolutně pozicovaný element vůbec nebyl.
Absolutně pozicovaný element je zobrazen tam, kde je mu určeno souřednicemi top (nebo bottom) a left (nebo right). Tyto souřadnice se počítají od levého (nebo pravého) a horního (nebo dolního) kraje nadřazeného pozicovaného prvku (tedy takového, který sám má position: buď absolute, nebo relative). Jestliže takový element neexistuje, vztahují se souřadnice k oknu prohlížeče.
Nejsou-li tyto souřadnice uvedeny, element by se měl objevit na tom místě, kde by byl vykreslen bez pozicování, ale okolní prvky se ocitají na tomtéž místě, protože tam absolutně pozicovaný prvek vlastně „není“ (viz výše – „stránka se chová tak, jako by tam onen absolutně pozicovaný element vůbec nebyl“).
V případě position: relative se dokument formátuje zcela obvyklým způsobem, to znamená takovým, jako by pozicovaný element byl na svém obvyklém místě. Souřadnicemi top/bottom a left/right se však element z tohoto svého místa „vysune“, aniž by to jakkoli ovlivnilo vykreslování okolních elementů.
Jestliže má dokument nastaveno position: relative, vytváří souřadnicový kontext pro absolutně pozicované elementy (a sám vůbec nemusí být posunut ze svého místa, tzn. nemá určeny souřadnice top/bottom a left/right).

Takže radit někomu, ať použije relativní nebo absolutní pozicování je holý nesmysl.

PC-HELP.CZ

CNEWS

správné napozicování CSS

správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS

Re: správné napozicování CSS