Trocha CSS teorie
Ahoj,
potrebuju si ujasnit jednu vec tykajici se CSS. Chci udelat jednoduchou stranku vyuzivajici CSS a neni mi uplne jasne jak nejlepe provest rozvrzeni stranky. Stranka by mela vypadat takto:
Nahore by mel byt staticky obrazek, pod nim menu se ctyrmi polozkami a ve treti casti samotny obsah.
Mam HTML file a v nem nalinkovany CSS file. Jasne, neco jsem si nacetl, ale potrebuju nakopnout, uz si s tim asi hraju moc dlouho. Muzete mi prosim poradit?
Diky
PePe
Podle tvojí mluvy chápu, že jsi správný machr. Tos ještě nenašel Použití CSS pozicování?
No a co se nakopnutí týče...
Ahoj,
ano presne tak, jedna se o jednu z moznosti, v HTML file je uvedeno:
<link rel="stylesheet" type="text/css" href="style.css">
Ahoj,
rano moudrejsi vecera se rika
Tak to nejak mam, ale oddily nejsou centrovane v IE, kde delam prosim chybu? Je to podle popisu na webu jakpsatweb.cz:
HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=windows-1250">
<title>test page</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="obal">
<div id="prvni">prvni</div>
<div id="druhy">druhy</div>
<div id="treti">treti</div>
</div>
</body>
</html>
CSS:
#obal {
margin: 0px auto;
position: relative;
width: 1000px;
}
#prvni {
position: absolute;
width: 100%;
height: 150px;
top: 0px;
left: 0px;
background: #edefee;
}
#druhy {
position: absolute;
width: 100%;
height: 50px;
top: 150px;
left: 0px;
background: #c4c5c4;
}
#treti {
position: absolute;
width: 100%;
height: 1000px;
top: 200px;
left: 0px;
background: #edefee;
}
Nechal jsem se do neceho ukecat a misto ramcu se chci pohrat s CSS.
Diky za ochotu
A jaké IE myslíš? Protože mně se to v IE zobrazuje stejně jako v Chromu i FF.
IE8, obsah neni na stred, ale nalevo, viz:
m5m4.png
IE8 už nikdo rozumný nepoužívá.
Vazne? Staci se podivat na jeho zastoupeni
Ano, nerozumných lidí je spousta. I na ně chceš cílit?
Obalu dej width: 100%
To nema cenu resit, proste kazdy neni PC poliben a ne kazdy to resi, znam lidi kteri pouzivaji horsi veci a jim to staci.
Nechci width 100%, ale uz jsem to vyresil:
#obal {
margin-left: auto;
margin-right: auto;
position: relative;
width: 1000px;
}
Kazdopadne by mne zajimalo, zda je to takto pouzitelne nebo je to v dnesni dobe prasarna
záleží co to bude za web. Představ si co to udělá na mobilu:)
Jedna se o bezvyznamne stranky, ale zkousel jsem zobrazeni v Chromu na Androidu a vypadaji stejne.
Jeste by mne zajimalo zda se obecne doporucuje davat sirku (v mem pripade "width: 900px") absolutne, tj. v pixelech nebo relativne v procentech. Co je nejlepsi, popr. jaka sirka je pro web tohoto rozlozeni nejlepsi?
Diky
- Na % je lepsí, pro zobrazení v rozdílnych rozlisení.(body)
- Jinak <div> je spíse générique pouzij spís <head> , <title> podobne.
- Margin nemusís opakovat, príklad:
body
{
background-color:#FFFFFF;
width:100%;
height:800px;
margin:20px auto auto auto;
}
Na jakpsatweb.cz si nastuduj něco o doctype.
Třeba to pak dostane rozum a vystředí se to i v IE 8.