In FF is layout OK, but in IE7 wrong.

No replies

Mon, 2008-09-29 19:18

flashmxfreak

Offline

Regular

Czech

Last seen: 14 years 24 weeks ago

Czech

Joined: 2004-11-28

Posts: 17

Points: 0

Please look here.
http://penzionuhradku.cz/_new/restaurace-vranov-podyji-ubytovani-s-detmi-znojemsko.asp

In FF is layout OK, but in IE7 wrong. The text of all elements on the left are moved to the right.

I think the problem for IE is the layer DIV inside the html code. I use it for image position for the menu button. I know not smart solution, but for my purposes enough.
Please help, thanks.

<div id="menu_jidelni_listek" style="position:absolute; width:200px; height:52px; z-index:1; left: 573px; top: 113px;"><a href="downloads/jidelni-listek/jidelni_listek_penzion-u-hradku-2008.pdf"><img src="images/jidelni_listek_btn_exp.png" alt="Odkaz na jídelní a nápojový lístek" border="0" /></a></div>

HTML

<!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=windows-1250" />
<title>Penzion U Hrádku,Ubytování Podyjí,Ubytování Vranov,Ubytování Vranovská přehrada,Znojmo</title>
<meta name="description" content="Ubytování Penzion U Hrádku v centru Národním parku Podyjí nedaleko Vranovská přehrada, Vranov nad Dyjí,Znojmo. Komfortní ubytování v Podyjí nedaleko Vranovská přehrada.Ubytování pro rodiny s dětmi,ubytování pro cykloturisty,ubytování pro turisty.Vhodné ubytování pro menší firemní akce.Ubytování v moderních hotelových pokojích s důrazem na individuální přístup  k hostům. Cykloturistika a peší turistika Vranovská přehrada,Vranov,Znojmo." />
<meta name="keywords" content="Jižní Morava,Vranov,Vranovsko,Vranov nad Dyjí,Znojmo,Znojemsko ,Podyjí,ubytování Vranov,ubytování Podyjí,Ubytování vranovsko,ubytování Vranov nad Dyjí,                                    ubytování znojemsko,ubytování pro seniory.ubytování pro děti,ubytování pro rodiny s dětmi,ubytování Jižní morava,penziony Podyjí,penzion Vranovsko,penziony Znojmo, penziony znojemsko,penziony Jižní morava,cyklistika v Podyjí,turistika v Podyjí,vinařství v Podyjí,Vranovská přehrada,ubytování Vranovská přehrada,pobyty pro děti. pobyty s dětmi,ubytování pro děti,flora a fauna podyjí,příroda podyjí,víno v podyjí,vinný sklep,restuarace podyjí.vyhlídky v podyjí,turistika podyjí,historie Znojmo,pobyty Znojmo víno znojmo,levné ubytování znojmo,pobyty varnov,pobyty Vranovská přehrada,restarace Vranov,restaurace Vranovská přehrada,ubytovánívranovskápřehrada,ubytováníznojmo, ubytovánívranovská přehrada,ubytování-znojmo" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="menu"> <img name="ubytovanivranovpodyjipenzionrestauraceprosenioryturistika" src="images/menu/ubytovani-vranov-podyji-penzion-restaurace-pro-seniory-turistika.png" width="780" height="100" border="0" id="ubytovanivranovpodyjipenzionrestauraceprosenioryturistika" usemap="#m_ubytovanivranovpodyjipenzionrestauraceprosenioryturistika" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
  <map name="m_ubytovanivranovpodyjipenzionrestauraceprosenioryturistika" id="m_ubytovanivranovpodyjipenzionrestauraceprosenioryturistika">
    <area shape="rect" coords="689,78,753,92" href="kontakt-vranov-podyji-ubytovani-s-detmi-znojemsko.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="587,78,672,94" href="fotografie-vranov-podyji-ubytovani-s-detmi-znojemsko.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="527,77,575,91" href="okoli-u-hradku-ubytovani-penzion-vranov-podyji.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="446,77,517,91" href="http://www.penzionuhradku.cz/guestbook/navstevy-vranov-podyji-znojemsko-jizni-morava-u-hradku-lukov.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Návštěvní kniha Restaurace a Penzinu U Hrádku" />
    <area shape="rect" coords="346,77,435,92" href="restaurace-vranov-podyji-ubytovani-s-detmi-znojemsko.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="291,77,338,92" href="cenik-vranov-podyji-ubytovani-s-detmi-znojemsko.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="194,78,281,93" href="lastminute-podyji-penzion-u-hradku-lukov-znojemsko-vranovsko.asp" target="_self" alt="Informace o lastminute ubytování v našem penzionu U Hrádku." title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="104,78,182,92" href="rezervace-ubytovani-penzion-vranov-podyji.asp" title="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" alt="Vranov Podyjí Ubytování Restaurace Penzion U Hrádku Jižní Morava Znojmo Znojemsko cyklistiky přehrada turistika pobyty s dětmi vinařství Lukov" />
    <area shape="rect" coords="14,77,94,92" href="ubytovani-vranov-podyji-znojemsko-jizni-morava-u-hradku-lukov.asp" target="_self" title="Informace o ubytování v našem penzionu." alt="Informace o ubytování v našem penzionu U Hrádku." />
    <area shape="rect" coords="720,4,764,17" href="http://uhradku.hotel.cz/boende/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="668,4,713,17" href="http://uhradku.hotel.cz/ru/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="631,4,663,17" href="http://uhradku.hotel.cz/zakwaterowanie/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="580,4,626,18" href="http://uhradku.hotel.cz/accommodatie/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="532,4,575,18" href="http://uhradku.hotel.cz/alloggi/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="478,4,526,19" href="http://uhradku.hotel.cz/hu/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="427,4,471,18" href="http://uhradku.hotel.cz/hebergement/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="378,4,420,18" href="http://uhradku.hotel.cz/alojamiento/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="324,4,371,18" href="http://uhradku.hotel.cz/el/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="280,4,319,19" href="http://uhradku.hotel.cz/accommodation/" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="227,4,276,18" href="http://uhradku.hotel.cz/unterkunft/?" target="_self" title="Podyjí Vranov Ubytování Penzion U Hrádku" alt="Podyjí Vranov Ubytování Penzion U Hrádku" />
    <area shape="rect" coords="0,0,206,70" href="index.asp" target="_self" title="Ubytování Restaurace Penzion U Hrádku, domovská stránka" alt="Ubytování Restaurace Penzion U Hrádku, domovská stránka" />
  </map>
</div>
 
 
<div id="image">
 
  <table cellspacing="10">
    <thead>
      <tr>
        <th style="width:75%"></th>
        <th style="width:25%"></th>
      </tr>
    </thead>
    <tbody>
	  <tr>
	      <td rowspan="12" id="restaurace_table_text">
        <p id="restaurace_par_1"><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__13.jpg" rel="lightbox"></a>Domácí zázemí v komfortním prostředí s vesnickou atmosférou pro Vás dotváří i naše restaurace. Celodenní výlet či náročný pracovní den Vám rádi zpestříme naší nabídkou zážitkové gastronomie.Posezení na letní terase se sklenicí vína a s nádherným výhledem do otevřené krajiny Národního parku Podyjí Vám , jak doufáme, jistě učaruje. Rádi Vám pomůžeme s výběrem vhodného vína k Vašemu pokrmu a rádi zodpovíme všechny Vaše dotazy. Snídaně je podávána formou bohatého bufetového stolu , k dispozici je vegetariánská strava s prvky zdravé výživy.Večeři Vám rádi podáme formou večerního menu, nebo na základě Vašeho výběr</p>
          <div id="menu_jidelni_listek" style="position:absolute; width:200px; height:52px; z-index:1; left: 573px; top: 113px;"><a href="downloads/jidelni-listek/jidelni_listek_penzion-u-hradku-2008.pdf"><img src="images/jidelni_listek_btn_exp.png" alt="Odkaz na jídelní a nápojový lístek" border="0" /></a></div>
          <p>u a la carte v restauraci penzionu. Záleží nám na Vaší spokojenosti, restauraci máme otevřenu pouze pro ubytované hosty.</p>
          <p id="restaurace_par_2"> <a href="images/restaurace/restaurace-penzion-u-hradku-lukov__09.jpg" rel="lightbox"> <img src="images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__09.jpg" alt="víno jižní morava podyjí vranov nad dyjí" align="left" longdesc="../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt"/></a>Ucelená nabídka toho nejlepšího <a href="http://www.znovin.cz" target="_blank">firmy Znovín Znojmo a.s.</a>, vinařství <a href="http://www.saler.cz" target="_blank">rodiny Špalkovi</a> z Nového Šaldorfu, vinařství <a href="http://vasvinar.cz/domu.php" target="_blank">pana Stanislava Mádla</a> z Velkých Bílovic, <a href="http://www.novevinarstvi.cz" target="_blank">Nového Vinařství</a> z Drnholce, <a href="http://www.asz.cz/cs/soutez-o-farmu-roku/farma-roku-2005/3-misto-vinarstvi-kosik.html" target="_blank">Vinařství pana  Kosíka</a> z Tvrdonic  
            a dalších moravských vinařů s možností řízené degustace Vás jistě zasvětí do tajů moravských vín.</p>
          <p id="restaurace_par_3">Vinařství na Moravě patří k jedněm z nejstarších v Evropě. Důkazem toho je nesčetné množství historických sklepů, sklípků a kvalitních vinic, které nám dávají bílá a červená vína  s nezaměnitelným moravským charakterem. Vinařské stezky se klikatí mezi vinicemi, nekonečnými poli a listnatými lesy a provedou Vás celým tímto nádherným vinařským krajem. Oblast Morava  Vám po celý rok nabízí mnoho zajímavých vinařských akcí, s možností posezení ve vinném sklípku a další doprovodné služby. Rádi Vám poradíme kde ochutnat a jak zakoupit moravská vína. Doporučíme a zajistíme Vám řízenou degustaci a pomůžeme Vám s přípravou Vašeho vinařského turistického programu.</p>
          <p id="restaurace_par_4"> <a href="http://vasvinar.cz/domu.php" target="_blank">Stanislav Mádl:</a> „ Váš Vinař „   … víno má hodně kamarádů … víno dělám aby se pilo. </p>
          <p id="restaurace_par_5"> <a href="http://www.novevinarstvi.cz" target="_blank">Nové vinařství </a> ... je  mladá společnost vyznávající inovativní přístup k pěstování révy vinné,
            sklizni hroznů a jejich zpracování; z jednoho keře připravuje jednu láhev vína.<br />
            Z domu 
            na výsluní vycházejí pouze jakostní vína, byť vyrobená z vyzrálých  až přezrálých hroznů.
            Popření obvyklého systému přívlastků vychází z našeho přesvědčení, že poloha vinice a
            lidský faktor při pěstování révy vinné a následné přeměně hroznů  na víno hraje mnohem
            důležitější roli než samotná cukernatost hroznů.</p>
          <p id="restaurace_par_6"> <a href="http://www.znovin.cz" target="_blank">Znovín Znojmo a.s.</a> se sídlem v Šatově
            &quot;...Vína hrdá na svůj původ ...Nic nespojuje člověka tak s krajem, jako požitek z vína, které má původ v jeho zemi a které je prosluněno jeho sluncem“.<br />
            <br />
            <a href="http://www.asz.cz/cs/soutez-o-farmu-roku/farma-roku-2005/3-misto-vinarstvi-kosik.html" target="_blank">Vinařství Kosík</a><br />
            <br />
            <a href="http://www.saler.cz" target="_blank">Vinařství rodiny Špalkovi</a></br>
            <br />
            ...vinařství založeno roku 1945 ...moravská půda...valašské kořeny...německá tradice<br />
            <br />
            <a href="http://www.sklepymoravy.cz" target="_blank">Sklepy Moravy</a><br />
            <a href="http://www.wineofczechrepublic.cz" target="_blank">Vinařská turistika na jižní Moravě</a><br />
            <a href="http://www.wineofczechrepublic.cz/2-1-vina_z_moravy_cz.html" target="_blank">Vína z Moravy</a><br />
            <a href="http://www.velke-pavlovice.mic.cz/encyklopedie/objekty1.phtml?id=105874&amp;" target="_blank">Znojemská vinařská oblast</a><br />
            <a href="http://www.jizni-morava.cz/Vino_a_pivo/" target="_blank">Znojemské vinařství</a><br />
            <a href="http://www.encyklopedie-vina.cz/" target="_blank">Vše o víně</a><br />
            <a href="http://www.ovine.cz/" target="_blank">O vině</a><br />
            <a href="htp://www.znojmocity.cz/vismo/ou.asp?podtyp=2&amp;id_org=19341&amp;hledani=1&amp;di_typZarizeni_h=4723&amp;p1=4907" target="_blank">Seznam znojemských vinařů </a><br />
            <a href="http <a href="http://www.znojemskevinarstvi.cz/main.asp"" rel="nofollow">http://www.znojemskevinarstvi.cz/main.asp"</a> target="_blank">Znojemská vinařská oblast</a><br />
            <a href="http://www.daniz.name/" target="_blank">Znojemské vinařské obce</a> <br />
            <a href="http://www.dobravinoteka.cz/vinarstvi/podoblast-Znojemska" target="_blank">Vinaři Znojemska</a><br />
            <a href="http://vinarske.stezky.cz/" target="_blank">Moravské  vinařské stezky </a><br />
            <a href="http://www.vinarskypruvodce.eu/" target="_blank">Vinařský průvodce</a><br />
            <a href="http://www.wine.cz/" target="_blank">Víno</a> <br />
            <a href="www.vinovin.cz" target="_blank">Centrum znojemských vín</a><br />
            <a href="http://www.znojemsky-hrozen.cz/" target="_blank">Znojemský hrozen</a><br />
            <a href="http://www.czechtourism.com/cze/cz/docs/interesting/gastronomy/czech-cuisine-drinks/wine/index.html" target="_blank">Česká a moravská vína</a><br />
            <a href="http://www.vinarskyobzor.cz/" target="_blank">Vinařský obzor</a><br />
            <a href="http://cestovani.idnes.cz/tip-na-dovolenou-vinne-stezky-a-sklipky-jizni-moravy-p0v-/igcechy.asp?c=A080612_123952_igcechy_tom" target="_blank">Šatov vinařská obec</a><br />
            <a href="http://www.cvns.cz/" target="_blank">Cech vinařů Nový Šaldorf</a><br />
            <a href="http://www.znojemsko.info/gastro.php?page=vinarstvi" target="_blank">Znojmo a víno<br />
            <br />
            </a>
            Veškeré turistické informace  o regionu Znojemsko, Vranov, Podyjí můžete získat na našem informačním serveru: <a href="http://www.vranov-podyji.cz">www.vranov-podyji.cz</a>.
          </p></td>
        <td  ><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__01.jpg" rel="lightbox"><img src=
 "images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__01.jpg"
 alt="Ubytování Podyjí Vranov Ubytování Penzion U Hrádku" name="ubytovani_images"
 width="144"
 height="96" border="0" 
 longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /></a></td>
      </tr>
      <tr>
        <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__02.jpg" rel="lightbox"><img src=
 "images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__02.jpg"
 alt="Ubytování Podyjí Vranov Ubytování Penzion U Hrádku" name="ubytovani_images" 
 width="144"
 height="96" border="0" 
 longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /></a></td>
      </tr>
      <tr>
        <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__03.jpg" rel="lightbox"><img src=
 "images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__03.jpg"
 alt="Ubytování Podyjí Vranov Ubytování Penzion U Hrádku" name="ubytovani_images" 
 width="144"
 height="96" border="0" 
 longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /></a></td>
      </tr>
      <tr>
        <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__04.jpg" rel="lightbox"><img src=
 "images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__04.jpg"
 alt="Ubytování Podyjí Vranov Ubytování Penzion U Hrádku" name="ubytovani_images" 
 width="144"
 height="96" border="0" 
 longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /></a></td>
      </tr>
      <tr>
        <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__05.jpg" rel="lightbox"><img src=
 "images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__05.jpg"
 alt="Ubytování Podyjí Vranov Ubytování Penzion U Hrádku" name="ubytovani_images" 
 width="144"
 height="96" border="0" 
 longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /></a> </td>
      </tr>
      <tr>
        <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__06.jpg"><img src="images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__06.jpg" alt="Restaurace penzion U Hrádku Znojemsko" width="144" height="96" border="0" longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /> </a> </td>
      </tr>
      <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__07.jpg" rel="lightbox"><img src=
 "images/restaurace/thumbs/restaurace-penzion-u-hradku-lukov__07.jpg"
 alt="Ubytování Podyjí Vranov Ubytování Penzion U Hrádku" name="ubytovani_images" 
 width="144"
 height="98" border="0" 
 longdesc=
 "../ubytovani-penzion-podyji-vranovsko-texty/Ubytovani-penzion-u-hradku-podyji-vranovsko.txt" /></a> </td>
    </tr>
      <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__05.jpg" rel="lightbox"></a> </td>
    </tr>
 
    <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__05.jpg" rel="lightbox"></a> </td>
    </tr>
 
    <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__05.jpg" rel="lightbox"></a> </td>
    </tr>
 
    <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__05.jpg" rel="lightbox"></a> </td>
    </tr>
 
    <td><a href="images/restaurace/restaurace-penzion-u-hradku-lukov__05.jpg" rel="lightbox"></a> </td>
    </tr>
    </tbody>
   </table>
</div>
<div id="bot">
  <p class="searched_words">Nejčastěji hledáte:
pobyty s dětmi, ubytování pro cyklisty, víkendové pobyty, romantické pobyty, firemní akce, vinařská turistika</p>
<br />
<p> © Penzion U Hrádku 2008| Telefon 603 757 990 <a href= "http://www.flashmedia.cz"></a>| <a href="mailto:info@penzionuhradku.cz">Kontakt</a> | Mapa stránek  |
    <!-- Never, ever use javascript like this <a href=
 "javascript:bookmarksite('Restaurace%20Penzion%20U%20Hr%C3%A1dku',%20'http://www.penzionuhradku.cz')">
 <img src="images/icon-star.gif"
 alt="Přidat k oblíbeným - favorite"
 height="8"
 width="8" />&nbsp;Přidat k oblíbeným</a> -->
  </p>
<br />
  <p>
    <a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10"
        alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
  </p>
</div>
</body>
</html>

CSS

body {
	margin: 20px;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal
	font-variant: normal;
	text-align: justify;
	background-color: #342A25;
	/*
	background-image:url(images/bg.gif)	
	*/
}
 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	#333333: 0;
	color: #280F00;
}
 
h1, h2, h3 {
}
 
h4, h5, h6 {
}
 
p, ul, ol, blockquote {
	margin-top: 0;
	font-size: small;
	letter-spacing: 0px;
}
 
a {
	color: #6F4503;
	text-decoration: none;
}
 
a:hover {
	text-decoration: none;
}
 
img {
	border: none;
}
 
/* Menu */
 
#menu {
	width: 780px;
	height: 100px;
	#333333: 0;
	border-top-width: 1px;
	border-right-width: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #342A25;
	border-right-color: #342A25;
	border-bottom-color: #342A25;
	border-left-color: #342A25;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #342A25;
}
.menu_lang_font {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DEC376;
	width:40px;
}
 
.menu_logo_title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #DEC376;
	width:40px;
}
 
#menu h2 {
	display: none;
}
 
#menu ul {
	margin: 0;
	#333333: 0;
	list-style: none;
}
 
#menu li {
 
	}
 
#menu a {
	display: block;
	float: left;
	width: 80px;
	height: 26px;
	#333333-top: 10px;
	text-align: center;
	text-decoration: none;
	color: #DEC39A;
}
 
#menu a:hover, #menu .active a {
	background: #330000;
	color: #FFFFFF;
}
 
/* Splash */
 
#image {
	width: 780px;
	margin: 0 auto;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #342A25;
	border-left-color: #342A25;
	background-color: #DEC39A;
}
 
 
/* main image on the homepage*/
 
#image_main {
	position: relative;
	top: 10px;
	left: 10px;
}
 
.main_site_table_text {
	position: relative;
	top: -33px;
	width: 550px;
	left: 10px;
	height: 80px;
	text-align: justify;
}
 
/* image homepage top*/
 
#image_top{
	position: relative;
	top: 16px;
	left: -10px;
}
 
/* image homepage middle*/
 
#image_middle {
	position: relative;
	top: 3px;
	left: -10px;
}
 
 
/* images homepage right column*/
 
#image_bottom {
	position: relative;
	top: 0px;
	left: -10px;
}
 
/* Content */
 
#body {
	width: 780px;
	margin: 0 auto;
	border: 0px solid #342A25;
	background-color: #DEC39A;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
 
 
}
 
#body .title {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ffffff;
	background-color: #000000;
	background-image: url(../images/tables/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
 
#body .text_table_odd {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-image:url(../images/tables/row-odd-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
 
}
#body .text_table_even {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#554210;
	background-image:url(../images/tables/row-even-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
 
#body .story {
	#333333: 0px;
	background-color: #280F00;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #280F00;
	border-right-color: #280F00;
	border-bottom-color: #280F00;
	border-left-color: #280F00;
}
#body .story2 {
	#333333: 5px;
	border: 2px solid #280F00;
	background-color: #804040;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: small;
}
 
/* bot*/
 
#bot {
	width: 760px;
	margin: 0 auto;
	padding: 10px 10px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #342A25;
	border-right-color: #342A25;
	border-bottom-color: #342A25;
	border-left-color: #342A25;
	background-color: #342A25;
}
 
#bot p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #DEC39A;
}
 
#bot a {
	color: #DEC39A;
}
.title-caption {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
 
/* Content */
 
#content {
	float: left;
	width: 400px;
	padding: 0 0 0 95px;
	background: url(../images/img04.gif) no-repeat;
}
 
#content .title {
	padding: 10px 10px 10px 50px;
	background: url(../images/img07.gif) no-repeat 20px 50%;
}
 
#content .content {
	padding: 20px 20px 1px 20px;
	background: url(../images/img08.gif) repeat-x;
}
 
#image img {
	display: block;
	margin: 10px;
	height: auto;
	width: auto;
	border: 5px solid #FFFFFF;
}
.main_image {
	position: absolute;
	top: 128px;
 
}
 
/*
lastminute styles
*/
 
.lastminute_table {
	position: relative;
	top:-170px;
	left:10px;
}
 
.lastminute_text {
	position: relative;
	top: -75px;
	left:10px;
}
 
.lastminute_interesting_links {
	position: relative;
	top: 10px;
	left:12px;
}
/*
lastminute styles END
*/
 
/*
contact styles START
*/
 
#contact_table {
	position: relative;
	top: 10px;
	left:20px;
	width:175px;
}
 
#contact_table_text {
	position: relative;
	width:310px;
	top: -30px;
	left:30px;
 
}
 
#contact_seznam_cz {
	position: relative;
	top: 0px;
	left: 10px;
 
}
 
#contact_google_map {
	position: relative;
	top: 5px;
	left:-110px;
 
}
 
 
/*
contact styles END
*/
 
.text_align_left {
	text-align: left;
}
 
/* link ubytovani */
 
#ubytovani_table_text {
	text-align: justify;
/*	font-family:Georgia, "Times New Roman", Times, serif;
	background:#00CC00;*/
	padding:10px;
}	
 
#ubytovani_par_1 {
	position: relative;
	top: -200px;
}	
 
#ubytovani_par_2 {
	position: relative;
	top: -25px;
}	
#ubytovani_par_3 {
	position: relative;
	top: -25px;
}	
 
#ubytovani_par_4 {
	position: relative;
	top: -20px;
}
/* link ubytovani END */
 
/* link restaurace */
 
#menu_jidelni_listek
{
	position: relative;
	top: 0px;
	left: 330px;
	border:0px;
}
#menu_jidelni_listek img {
	display: block;
	margin: 10px;
	height: auto;
	width: auto;
	border: 0px solid #FFFFFF;
}	
 
#restaurace_table_text {
	position: relative;
	top: 0px;
	left:500px;
	text-align: justify;
	padding:10px;
}	
 
#restaurace_par_1 {
	position: relative;
	top: 0px;
}	
 
#restaurace_par_2 {
	position: relative;
	top: 0px;
}	
#restaurace_par_3 {
	position: relative;
	top: 5px;
}	
 
#restaurace_par_4 {
	position: relative;
	top: 0px;
}
/* link restaurace END */
.image_float_left {
	float: left;
	height: 4px;
	width: 4px;
}

Tags:

Beginners CSS Questions

In FF is layout OK, but in IE7 wrong.

User login

Navigation