Autor Zpráva
7777
Profil
Mám problém že hlavička webu je rozhadzaná asi o 20px nižšie oproti zvyšku hlavičky.
Hlavičku tvorí dlhý header má 1450 px široky a 220 px vysoký, prekríva ho logo, ktoré sedí presne. Web má 950 px šírku ale z nejakej príčiny je menu posunuté a aj hlavička z logom sú nižšie oproti zvyšku webu. Problém je niekde v tomto kóde:

body {
    font : 90% "trebuchet ms", tahoma, sans-serif;
    text-align : center;
    line-height : 130%;
    background: url(design/head.png) no-repeat top center;
    background-color : #0d0000;
}
div#kontajner {/**obalový div jenom kvůli pozadí patičky**/
    width:100%;
    height:100%;
    background: url(design/patabg.png) repeat-x bottom;
    }

div#web {/**obal vlastního webu vycentrovaný na střed**/
    position : relative;
    width : 950px;
    height : auto;
    text-align:left;
    margin:20px auto 0 auto;
    }
    
div.ahoj {
height:20px;
overflow:hidden
}
div#header {/**transparentní hlavička - možná zbytečný div. Je v něm pouze logo**/
    width : 950px;
    height : 260px;
    background:url(design/head.png) -250px -40px no-repeat
Moderátor Joker: Přesunul jsem z PHP do CSS
Bubák
Profil
Prosím o odkaz na živou ukázku.
7777
Profil
Takže založil som web na freehostingu ale ten sa tam zobrázuje normálne, viz ukázka.

poviedky.unas.cz

no na mojom vlastnom hostingu sa zobrazuje takto:


poviedky.unas.cz/Clipboard01.jpg


V čom môže byť problém? Webhosting unas.cz používa asi starú technológiu, pred aktualizáciou software môjho vlastného hostingu sa mi web ukazoval normálne. Ako náhle som aktualizoval webserver 2.0 na 4.1 tak sa mi zobrazuje ako obrázok nižšie. Web server používam na testovanie stránok, pred tým než ich dám na web. Nutnosť dodať že som ho viac ako 7 rokov nepoužíval.
Bubák
Profil
Povídání o živých ukázkách » Co živá ukázka není? • Obrázek s vyfoceným chybovým stavem (nebo zdrojovým kódem). Ani animovaný.
Takže živá ukázka není, budu jen hádat a nemusím se trefit
Jiný !doctype a kvůli němi jiný vykreslovcací režim
BOM
Nevylučuji jinou příčinu.
7777
Profil
Tu je teda zdrojový kód:

<!doctype html public "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<?php
$titulek=array("uvod"=>"Novinky","fotokomentare"=>"Fotokomentáre","sedemfotokomentare"=>"7777 Fotokomentare","poviedky"=>"Poviedky","preklady"=>"Preklady","minipribehy"=>"minipribehy","mytologia"=>"mytologia","komiksy"=>"Komiksy","filmy"=>"filmy","video"=>"Video","animacie"=>"Animácie","games"=>"Games","odkazy"=>"Odkazy",);
?>
<TITLE>Magické premeny |
<?php if(empty($_GET['str'])){
echo "Novinky"; 
}
else{
echo  $titulek[$_GET['str']];
 } ?> </TITLE>
<meta name="google-site-verification" content="QCuYu8LKiHMVeoGDN9WtFHItJ1rKWaZeWA_yQK0NjdU" />
<meta name="description" content="Obsahem webu jsou magické premeny takmer do čehokolvek">
<meta name="keywords" content="Magická Premena,fotokomentare,MT,GT,TF,AL,IE,BR,BI,BS,BW,Porno,Final">
<meta name="author" content="Mickey"> 
<meta name="robots" content="all,index,follow" >
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-language" content="sk">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="shortcut icon" href="ikona.gif">
<link rel="stylesheet" type="text/css" href="css.css">
<link rel="stylesheet" type="text/css" href="obsah.css">
<!--[if lte IE 6]> 
<link rel="stylesheet" type="text/css" href="ie6.css" > 
<![endif]--> 
<script src="menu.js" type="text/javascript"></script>

</head>
<body>
<?php
$aktivni = ['uvod'=>null,'drpo'=>null,'dobpov'=>null,'hispov'=>null,'fanpov'=>null,'sfpov'=>null,'hrpov'=>null,'humpov'=>null,'rozpov'=>null,'tragen'=>null,'agetan'=>null,'bstran'=>null,




'anitan'=>null,'initan'=>null,'fotan'=>null,'bitan'=>null,
'shtan'=>null,'metan'=>null,'botan'=>null,'crtan'=>null,'fepov'=>null,'odkazy'=>null];

if(!isset($_GET['str'])) {$aktivni['uvod']=' id="aktivni"';}
else {$aktivni[$_GET['str']]=' id="aktivni"';}
?>
<div id="kontajner">
<div id="web">
<div id="header">
<a href="#skok" id="preskocit">Preskočit na obsah webu.</a>
<h1>7777, Fotokomentáre, Magické premeny<a href="#"><img src="design/logo.png" alt="Logo Magické premeny" title="Na úvod webu"></a></h1>
</div>

html, body, div, menu, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, label, legend, form,
table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;
}

body {
    font : 90% "trebuchet ms", tahoma, sans-serif;
    text-align : center;
    line-height : 130%;
    background: url(design/head.png) no-repeat top center;
    background-color : #0d0000;
}
div#kontajner {/**obalový div jenom kvůli pozadí patičky**/
    width:100%;
    height:100%;
    background: url(design/patabg.png) repeat-x bottom;
    }

div#web {/**obal vlastního webu vycentrovaný na střed**/
    position : relative;
    width : 950px;
    height : auto;
    text-align:left;
    margin:40px auto 0 auto;
    }
    
div.ahoj {
height:20px;
overflow:hidden
}
div#header {/**transparentní hlavička - možná zbytečný div. Je v něm pouze logo**/
    width : 950px;
    height : 260px;
    background:url(design/head.png) -250px -40px no-repeat;
}

ul#menu {                                        /*blok menu*/
    width:200px;                                /*šířka*/
    height:auto;                                /*výška automatická*/
    float:left;                                    /*plave vlevo*/
    padding:15px 0 30px 0;                        /*vnitřní okraj*/
    margin:0 0 20px 0;                            /*vnější okraj*/
    background:url(design/menubg.png) repeat-y;    /*opakující se pozadí*/
    }
    
ul#menu li {                                        /*položka menu obecně*/
    font-size:110%;                                /*velikost písma*/
    text-align:center;                            /*zarovnání na střed*/
    list-style-type:none;                        /*nezobrazovat odrážky*/
    font-weight:bold                            /*tučný font*/
}
ul#menu li a {                                        /*konkrétní položka menu*/
    display:block;                                /*zobrazí jako blok*/
    width:200px;                                
    height:30px;
    margin:0;
    padding: 10px 0 0 0;
    color:#f30000;                                /*barva textu*/
    letter-spacing:-1px;                            
    text-decoration:none;                        /*bez podtržení*/
    background:url(design/menu.png) 0 0 no-repeat;
    }

ul#menu ul.submenu li a {                                /*položka submenu*/
    width:auto;                                        /*šířka automatická*/
    font-weight:normal;                                /*tučnost textu normální*/
    font-size:90%;
    color:#f06fff;
    background:url(design/menuv.png) 0 0 no-repeat;
    background-color:#0d0000
    }

ul#menu li a:hover {                                        /*položka menu po najetí kurzoru*/
    background:url(design/menu.png) 0 -40px no-repeat;    /*obrázek na pozadí*/
    color:#ffffff;                                        /*barva textu*/
}

ul#menu ul.submenu li a:hover {                                /*položka submenu po najetí*/
    background:url(design/menuv.png) 0 -40px no-repeat;    
    color:#ffffff;
}


ul#menu li a#aktivni {                                        /*identifikátor nakliknuté položky menu*/
    background:url(design/menu.png) 0 -40px no-repeat;
    color:#ffffff;
}

div#sloupec {
    float:left;
    width:200px;
    height:auto;
text-align:center
}
div#sloupec div#anketa {

margin:10px 0 10px 25px
}
div#obsah {
    float:left;
    width:730px;
    height:auto;
    padding:0 0 10px 20px;
    color:#ffffff
}

div#pata {
    width:950px;
    height:55px;
    padding:70px 0 0 80px;
    color:#000000;
    clear:both;
    text-align:center;
    font-size: 80%;
    letter-spacing:0px;
    background:url(design/pata.png) no-repeat;
    }
    
div#pata a {
    color:#000000
}
    
div#pata a:hover {
    color:#ffffff
}

div#pata img {
    vertical-align:middle
}
    
h1{
    position:relative;
    float:left;
    display:block;
    font-size: 80%;
    width:320px;
    height:170px;
    clear:both;
    margin:86px 0 0 179px
}

h1 a{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left:0;
}

#preskocit {
    display:none
 }

strong {
    font-weight:normal
}
abbr, acronym {
    cursor:help
}
a:link    {color: #F3FF01}
a:visited    {color: #41FF01}
a:active    {color: #FF0106}

a

druhý

ul#menu ul.submenu li a {
    font-weight:bold;
    font-size:90%;
    background-image:none;
    background-color:#0d0000
    }
ul#menu ul.submenu li a:hover {
    background-image:none;
    background-color:#0d0000
    }    

div#sloupec {
    margin: 0 0 0 20px
}
div#obsah {
    width:690px;
    }

div#pata {
    background:url(design/pata.png) 40px 0 no-repeat;
    }
    
h1{
    margin:86px 0 0 110px 
}

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