WYŚRODKOWANIE DIV W IE

aniaaal · Marzec 8

Witam wiem, że tematów podobnych pewnie przewijało się mnóstwo jednak moj problem ciut jest inny.

wydaje mi się, że kod css jest w porządku a jednak div od treści i menu zamiast być wyśrodkowane na stronie to są przesunięte w prawo że div od treści jest ucięty 3/4 a menu w ogole nie widac ktos wie co mozna z tym zrobic zeby pod IE to chodzilo? Bo oczywiscie w innych przegladarkach jest ok

&lt;style type="text/css"&gt;
body {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #000; text-align:center; margin: 0 auto;}
a img {border: 0;}
#body {margin-top: 360px; margin-left: 170px;  text-align: center; width: 850px; }
#gora {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; /*IE*/}
#tresc {width: 840px /* Zmień na preferowaną */; margin: 0 auto; padding: 5px; background-image: url(images/tlo_2.png); margin-top: 10px; border-top:1px solid #272d07; 

border-bottom:1px solid #272d07; border-right:1px solid #272d07; border-left:1px solid #272d07; text-align: center /*IE*/ }
#tresc .content {margin-left: 20px;margin-right: 20px; padding: 5px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 

10px; padding-bottom: 30px; text-align: center}
#tresc .content a:visited, #tresc .content a:link {text-decoration: none; text-align: center; color:#FFFFFF;}
#tresc .dog_button1 a:hover {font: 32px Georgia; color:#000;text-shadow: #FFF 1px 1px 1px;}
#tresc .dog_button1 a:visited, #tresc .dog_button1 a:link {font: 32px Georgia; color:#000;text-shadow: #FFF 1px 1px 1px;}
#tresc .dog_button3 a:hover {font: 32px Georgia; color:#000;text-shadow: #FFF 1px 1px 1px;}
#tresc .dog_button3 a:visited, #tresc .dog_button3 a:link {font: 32px Georgia; color:#000;text-shadow: #FFF 1px 1px 1px;}
#tresc .dog_button4 a:hover {font: 26px Georgia; color:#000;text-shadow: #FFF 1px 1px 1px;}
#tresc .dog_button4 a:visited, #tresc .dog_button4 a:link {font: 26px Georgia; color:#000;text-shadow: #FFF 1px 1px 1px;}
#stopka {width: 850px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; padding-top: 10px; padding-bottom: 10px; text-align: 

center; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
#stopka a:link, #stopka a:visited { text-decoration: none; text-align: center; color:#FFFFFF;}
#stopka a:hover {text-decoration: none; text-align: center; font-weight: normal; color:#c3da57;    border-bottom: dotted 1px #c3da57;}
.menu4 a, .menu4 a:link, .menu4 a:visited, .menu4 a:hover { outline: none;}
.menu4, .menu4 ul{ margin: 0;padding: 0;border: 0;list-style-type: none;display: block;}
.menu4 li{margin: 0;padding: 0;border: 0;display: block;float: left;position: relative;z-index: 5;background: none;}
.menu4{min-height: 0;position:relative;padding: 4px 4px 4px 4px;float: right;}
ul.menu4{float: right;}
.menu1{position: relative;margin:0 auto;min-height: 34px;z-index: 100;margin-top: 0;margin-bottom: 0;}
.menu2{position:absolute;width:100%;}
.menu3{position: relative;display: block;float: right;width: auto;height: 34px;}
.menu4 a{position: relative;display: block;overflow: hidden;height: 26px;cursor: pointer;font-weight: bold;font-size: 14px;text-align: left;text-decoration: none;}
.menu4 ul li{margin:0;clear: both;}
.menu4 a .m, .menu4 ul a, .menu4 a:link, .menu4 a:visited, .menu4 a:hover{font-weight: bold;font-size: 14px;text-align: left;text-decoration: none;}
.menu4 a .m{color: #FFFFFF;padding: 0 4px;margin: 0 9px;line-height: 26px;text-align: center;}
.menu4 a:hover .m{color: #c3da57;}
.menu4 li:hover a .m{color: #c3da57;}
.menu4 li:hover&gt;a .m{color: #c3da57;}
.menu4 a.active .m{color: #0F0801;}&lt;/style&gt;

&lt;!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;head&gt;
  &lt;meta http-equiv="Content-type"
 content="text/html; charset=windows-1250"&gt;
  &lt;meta http-equiv="Content-Language" content="pl"&gt;
  &lt;meta name="Keywords"
 content=""&gt;
  &lt;meta name="Author" content="admin"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;link rel="Stylesheet" type="text/css"
 href="../style.css"&gt;
  &lt;meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-2"&gt;
&lt;/head&gt;
&lt;body
 style="margin: 0pt; padding: 0pt; width: 100%; height: 100%; overflow: hidden;"&gt;
&lt;center&gt;&lt;/center&gt;
&lt;div
 style="position: absolute; z-index: 2; width: 100%; height: 100%; overflow: auto;"&gt;
&lt;div style="margin: 0px;"&gt;
&lt;div id="top"&gt;
&lt;div id="body"&gt;
&lt;div id="gora"&gt;
&lt;div class="menu1"&gt;
&lt;div class="menu2"&gt;
&lt;div class="menu3"&gt;&lt;/div&gt;
&lt;ul class="menu4"&gt;
  &lt;li&gt;&lt;a href="index.html"&gt;&lt;span class="m"&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="news.html"&gt;&lt;span class="m"&gt;News&lt;/span&gt;&lt;/a&gt;
  &lt;/li&gt;
  &lt;li&gt;&lt;a href="females.html"&gt;&lt;span class="m"&gt;Females&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="males.html"&gt;&lt;span class="m"&gt;Males&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="puppies.html"&gt;&lt;span class="m"&gt;Puppies&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="links.html"&gt;&lt;span class="m"&gt;Links&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="contact.html"&gt;&lt;span class="m"&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div="body"&gt;
&lt;center&gt;
&lt;div id="tresc"&gt;
&lt;div class="content"&gt;&lt;!--tresc--&gt;
&lt;center&gt;&lt;/ br&gt;
&lt;/ br&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/center&lt;/center&gt;
&lt;/div&gt;
&lt;!--/tresc--&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div id="stopka"&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;&lt;img src="../images/tlo1.jpg" alt=""
 style="position: absolute; left: 0pt; top: 0pt; z-index: 1;"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

wygląda to tak mniej więcej - menu w ogole gdzies zjechalo i go nie widać

a powinno tak:

b3zyr · Marzec 13

Po pierwsze usuń z kodu znaczniki <center> bo to jakby z poprzedniego wieku, jeden z tych znaczników u Ciebie wygląda tak: "</center" popraw błędy w kodzie i dopiero napisz posta.

Zaloguj się

WYŚRODKOWANIE DIV W IE

Recommended Posts

aniaaal

Link do komentarza

Udostępnij na innych stronach

b3zyr

Link do komentarza

Udostępnij na innych stronach

Join the conversation

Przeglądaj

Aktywność