proč se tabulka odsazuje od kraje stránky?

čaute,

mam tabulku která je první věc co je ve stránce, má oranžové pozadí a tím pádem je jasně vidět, že je odsazená od kraje a já vůbec nevim proč. :-(

code:
<body>

<table style="width: 100%; height: 100%; border: 0px; margin: 0px; padding: 0px;background: #FFC522;">
<tr>
<td style="text-align: center; vertical-align: middle; border: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; background: #00FFFF;">
<center>
<table>
<tr>
<td style="position: relative; background: url('pozadi.jpg');
margin: 0px; padding: 0px; background-repeat: no-repeat; width: 990px; height: 620px;">

CSS:
body{font-size: 11px;
font-family: Arial;
padding: 0px;
}

td{font-size: 11px;
Vertical-align: middle;
font-family: Arial;
}

Nečetl jsem celý zdroják, ale zkus tohle, možná to pomůže:

<table cellspacing="0" cellpadding="0" style="to co tam máš">

pomohlo to, ale něčemu jinému. mě jde o to, že se ta tabulka odsazuje od kraje prohlížeče, a já nevím jak je to možné. Když vložíš do stránky na začátek obrázek tak se vykreslí úplně vlevo nahoře v rohu. ale tadle tabulka si tam nechá 10px místa vlevo a 10px nahoře a já nevim proč
:-(

Ten kód je jenom začátek té tabulky? A má se opravdu jednat o tabulku vnořenou do jiné tabulky?
Pokud na jednu z těch otázek odpovíš negativně, tak si nejdříve oprav kód a až potom zjišťuj příčinu problémů. Pokud jsou obě odpovědi pozitivní, pak ti neporadím protože se mi nechce to zkoušet a testovat.

ani jedna negativni; ale můžu dat odkaz:
http://vanoce.net-sluzby.cz

tak už sem to rozchodil, stačilo dát body zcela nepochopitelný margin:0px; dik za pomoc.

:)
Tak to jsem si nevšiml že tam nemáš, až teď se dívám že tam byl pouze padding: 0.

To je už delší dobu první co dělám - že nadefinuju margin a padding nulový u všech tagů které budu používat. Už jsem se totiž párkrát taky takhle nachytal, jednou například když jsem přemýšlel proč textové pole je v IE posunuté níže než ve Firefoxu. A bylo to paddingem či marginem u tag <form>, který IE má jako výchozí nenulový.

no, stránka má defautně nenulový okraj, takže kdybys dal padding třeba 5px, bude se ti to odsazovat od toho nenulového okraje + 5px, protože padding je vnitřní okraj, proto musíš dát margin na 0, což je okraj objektu. takže žádný nesmyslný margin :).

Kamajkl - pro mě ale taky je nenulový margin u prvku body nesmyslný. Padding je vnitřní okraj, margin je vnější okraj. Prvek body by podle mě měl mít jenom vnitřní okraj, protože je po celé ploše prohlížeče, jak může být ještě něco "vně"? (Samozřejmě že může, ale připadá mi to nelogické).

Mno vzhledem k tomu, že lze nastavit u body i width (takže nebude po celé ploše prohlížeče), tak mi vnější okraj nepřipadá až tak nelogický. Jen to využití mně tak nějak nenapadá :-)

margin není zase tak vnější okraj, protože kdyby to byl vnější okraj, nemuselo by se pro odzasování do leva psát mínusové pozice, je to přeci jen odsazení jako takové, za to padding vytváří vnitřní okraj, takže by se muselo napsat padding se zápornou pozicí, aby se to správně odsadilo od kraje.

Kamajkl - Tak to jsem úspěšně nepochopil :D

:)

no, defautní body je odsazené od okraje o nějaký počet px, tedy má nenulový margin a když nastavíš padding třeba na 5px, tak bude ten padding odstazovat ještě o dalších 5px. abys nastavil nenulový okraj pomocí padding, musel bys nastavit určitou zápornou hodnotu, neboť padding je vnitřní okraj objektu.
za to margin je odsazení jako takové. když ho nastavíš na nulu, vždy bude základní odsazení od jakéhokoliv okraje 0px.
proto margin odsadí od okraje prohlížeče a ne padding, když nemáš nastaven margin na 0, bere prohlížeš jako okraj to co je nastavenou defautně (nevim kolik to je :)) a když napíšeš padding: 0px, pořád je to ten samý okraj (když napíšeš padding: 5px, odsadí se to o dalších 5px - viz příklad).

př.: pokud bys přidal do stylu body padding: 5px; styl bude odsazen ne od nulového okraje stránky, ale od toho defautního + 5px. když nastavíš margin: 5px, tak bude nastaven od okraje prohlížeče o 5px. když nastavíš margin:5px a padding:5px, bude objekt odsazen o celkem 10px (5px od okraje + 5px vnitřní rámeček).

dle mého názoru margin u body je a není nesmyslný ;-)

stejně ale nechápu že se jentak z ničehonic implicitně (za určitých podmínek) nastaví na nějakejch 10px; to by se dle mého nemělo stát ;-)

<HTML>poznamka: predtim nez zacnete kodovat jakykoliv design, vyplati se nastavit na zacatku CSS

* {
margin: 0;
padding: 0;
}

- vysvetleni: prohlizece pro urcite prvky nastavuji rozdilne defaultni hodnoty, IE × FF ×Opera. Takze je lepsi je vynulovat a pak si je nastavit podle potreby</HTML>

Skaff - to jsem psal už 27. 08. 2006 22:51 ;)

Ale neznal jsem tu hvězdičku :O

ale někdo nedokázal pochopit rozdíl mezi padding a margin ... samo že se to psalo :)

Kdo tu nechápal rozdíl mezi padding a margin? :O

to sem taky nepochopil kdo tu ten rozdíl "nedokázal" pochopit?

Body jde ještě stylovat pěkně, ale občas zlobí :-) Pak musí člověk vládat různé <div id="wrapper"> a <div id="container"> :-|

skaff: tohle ti bezpečně funguje? Já se už setkal s chováním (FF), že mi styl nadefinovaný s hvezdičkou nešel "přebít" ani s !important. Proto na začátku css otrocky vyjmenovávám všechny používané elementy.

<HTML>kdyby me to nefungovalo tak to sem nepisu .] Asi si tam mel nejakou chybu, berou to vsechny browsery co sem potkal :] naposled sem to pouzil u <a href="http://expresdny.cz/">http://expresdny.cz/</a></HTML>

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

proč se tabulka odsazuje od kraje stránky?

Nové příspěvky