[CSS][HTML][PHP]Różnica w wyświetlaniu elementów Opcje

[ArtSpire]

Witam!

Mam problem ze stroną. Utworzyłem projekt, który dobrze działa na moim komputerze. Prócz tego kilku znajomych powiedziało, że wszystko działa dobrze również u nich. Aczkolwiek kilka osób ma problemy z umiejscowieniem tekstu z działu "O NAS".

Tekst powinien wyświetlać się na tym samym poziomie co "SZYBKI KONTAKT" - tylko, że po prawej stronie. Natomiast błędnie niektórym użytkownikom wyświetla się na dole po lewej pod menu.

W czym tkwi problem? Ktoś potrafi pomóc? Szukam, poprawiam, naprawiam i nic...

Link roboczy: http://8de8cinc1pgz.az.pl/

[novy85]

prawdopodobnie w css masz błąd:

masz tak:

[HTML] pobierz, plaintext 
#lefttable {
	text-align: left;
	padding: 5px;
	margin-left: 40px;
	width: 190px;
	border: 1px solid black;
	background-color: #262626;
}
 
#righttable {
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-right:0px;
	margin-right: 0px;
	width: 607px;
	border: 1px solid black;
	border-right: 0px;
	background-color: #262626;
}
[HTML] pobierz, plaintext 

a powinno być:

[HTML] pobierz, plaintext 
#lefttable {
	text-align: left;
	padding: 5px;
	margin-left: 40px;
	width: 190px;
	border: 1px solid black;
	background-color: #262626;
}
 
#righttable {
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-right:0px;
	margin-right: 0px;
	width: 607px;
	border: 1px solid black;
	border-right: 0px;
	background-color: #262626;
}
[HTML] pobierz, plaintext 

dokładnie to chodzi o padding, w left masz padding: 5px czyli padding-top: 5px a w right masz padding-top:10px

do testowania stronek pod różnymi przeglądarkami polecam https://browserlab.adobe.com jak na razie darmowe, emuluje najpopularniejsze przeglądarki w różnych wersjach

Ten post edytował novy85 9.03.2010, 23:01:15

[ArtSpire]

Niestety to nie jest powodem błędnego wyświetlania się strony... Jednak dziękuję za poradę.

[mortus]

Wydaje mi się, że righttable jest za szerokie co najmniej o 3px. Zauważ, że div#right ma 615px, a div#rightable ma 607px + 10px (padding-left) + 1px (border) = 618px! Problem może rozwiązać dodanie do div#right czegoś takiego:

Kod

overflow: hidden;

Ale raczej zmniejszyłbym szerokość div#rightable o 3 albo 4 px.
EDIT:
Dodaj również

[HTML] pobierz, plaintext 
<div style="clear: both;"></div>
[HTML] pobierz, plaintext 

w tym miejscu:

[HTML] pobierz, plaintext 
<div id="content">
    <div id="left"></div>
    <div id="right"></div>
    <div style="clear: both;"></div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował mortus 10.03.2010, 14:18:31