Dostosowanie kodu po IE

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Widmo
Posty: 2
Rejestracja: sob sty 30, 2010 12:13 pm

Dostosowanie kodu po IE

Post autor: Widmo »

Witam,
Stworzyłem ostatnio top forum phpBB i mam problem z wyświetlaniem w Internet explorer. W każdej innej przeglądarce jest ok.
Screen z IE:
http://i50.tinypic.com/ppst2.jpg
http://i48.tinypic.com/2uqceup.jpg
W innych przeglądarkach wygląda to tak:
http://i45.tinypic.com/2uz2s6q.png
http://i47.tinypic.com/nvdtw9.jpg

A tak wygląda kod:

Kod: Zaznacz cały

<div id="headertop">
		<div id="logo"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/site_logo.png" alt="Kulturystyka i Fitness" border="0" onmousedown="return false" oncontextmenu="return false" onselectstart="return false" onselect="return false" oncopy="return false" ondragstart="return false" ondrag="return false" /></a></div>

		<div id="banner" style="float: left; margin-top: 40px;"><div style="height: 20px;"></div>
			
		</div>

		<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
		<div class="panel" style="margin-top: 40px; margin-right:40px;"><div style="height: 20px;"></div>
		      Witaj <strong>Gościu</strong>, proszę <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"><strong>zaloguj się.</strong></a> <br />
			  Jeśli jednak nie masz konta <a href="{U_REGISTER}"><strong>{L_REGISTER} się</strong></a>.
			  </div>
		<!-- ENDIF -->

		<!-- IF S_USER_LOGGED_IN -->
		<span style="float: right; margin-top:15px; margin-right:30px; border: medium none; padding: 5px; text-align: rigth;">
				  <!-- IF USER_AVATAR -->
                  {USER_AVATAR}
                    <!-- ENDIF -->
			</span>
		<div class="panel" style="text-align: right;"><div style="height: 20px;"></div>
			Witaj ponownie <strong>{U_USERNAME}</strong>! <br />
			<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, <b>{PRIVATE_MESSAGE_INFO_UNREAD}</b><!-- ENDIF --></a><br />
			<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">Zmień swoje ustawienia</a><br />
			<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
			<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"><strong>Wyloguj się!</strong></a>
				
		</div>
		<!-- ENDIF -->
	</div>
i css:

Kod: Zaznacz cały

#logo {
	position: relative;
	margin-left: 30px;
	margin-right: 25px;
	margin-top: 14px;
	float: left;
	width: 400px;
	z-index: 1;
	height: 125px;
}

div.panel {
	float: right; 
	margin-top: 30px; 
	margin-right: 20px;
	font-family: Verdana;
}

div.panel a:link, div.panel a:visited {

}

div.panel a:hover {
color: #000000;
text-decoration: none;
}

ul.menu {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background: #5478BB;
}

ul.menu li {
    display: inline;
    line-height: 30px;
    font-family: Verdana;
    font-size: 12px;
    color: white;
    font-weight: bold;
}

ul.menu a:link, ul.menu a:visited {
	color: #DDDDDD;
	padding: 15px 12px 8px 12px;
}

ul.menu a:hover {
	color: #5478BB;
	padding: 15px 12px 8px 12px;
	background-color: #FFFFFF;
	text-decoration: none;
}
murek
Posty: 4
Rejestracja: pt lut 12, 2010 10:06 pm
Kontakt:

Re: Dostosowanie kodu po IE

Post autor: murek »

spróbuj dać do div.panel "display:inline"
ODPOWIEDZ