Forum PHP.pl > [CSS] Problem z ustawieniem divów w IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Problem z ustawieniem divów w IE

Forum PHP.pl > Forum > Po stronie przeglądarki

Kreton

18.03.2006, 17:59:31

Witam, mam tutaj taką stornkę

[HTML] pobierz, plaintext 
<!doctype html public "-//w3c//dtd html 4.01 frameset//en" "http://www.w3.org/tr/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
 
<div id="baner">213</div>
 
<div id="menu">123 31321 213 213 321321123 1321 21321</div>	
<div id="content">123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321 123 31321 213 213 321321123 1321 21321</div>
<div id="stopka">dsa</div>
 
</div>
</html>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
div#baner {
	background: #EDEDED;
	margin-top: 10px;
	margin-left: 200px;
	margin-right: 200px;
	border:1px solid #000;
	height: 100px; 	}
 
div#content {
	margin-top: 8px;
	margin-left: 410px;
	margin-right: 200px;
	background: #C9C9C9;
	border:1px solid #000; }
 
div#menu {
	position: absolute;
	top: 120px;
	background: #B7B7B7;
	margin-left: 200px;
	width: 200px;
	border:1px solid #000; }
 
div#stopka {
	margin-top: 8px;
	margin-left: 410px;
	margin-right: 200px;
	background: #C9C9C9;
	border:1px solid #000; }
[HTML] pobierz, plaintext

I teraz w Firefoxie wszystko działa pięknie, ładnie wygląda to , tak jak trzeba. Jednak IE zupełnie źle pozycjonuje mi div który odpowiada za menu. I teraz rodzi mi się drugie pytanie: słyszałem ze można dodać komendę która bedzie ładowała CSS-a tylko dla IE

lub wiersze specjalnie oznaczone tylko dla IE

Jak to zorbić

BTW: jak to wygląda w operze

sinq

18.03.2006, 18:09:05

zmien CSS na taki:

Kod

div#baner {
background: #EDEDED;
margin-top: 10px;
margin-left: 200px;
margin-right: 200px;
border:1px solid #000;
height: 100px; }

div#content {
margin-top: 8px;
margin-left: 410px;
position: relative;
top: -38px;
margin-right: 200px;
background: #C9C9C9;
border:1px solid #000; }

div#menu {
position: relative;
top: 10px;
background: #B7B7B7;
margin-left: 200px;
width: 200px;
border:1px solid #000; }

div#stopka {
margin-top: 8px;
margin-left: 410px;
margin-right: 200px;
position: relative;
top: -40px;
background: #C9C9C9;
border:1px solid #000; }

od razu mówie, że lepiej zrobić div'a który będzie zawierał całą stronę (i w nim ustawić margin) a do ukaładania div'ów w środku stosować float: left i overflow tzn. ja bym tak zrobił

btw. w operze wyglada tak samo jak i w ff i ie

Kreton

18.03.2006, 18:26:41

nie stety, w IE dalej ine działa, MENU pojawia sie gdzieś na środku.
Co do tewojego 1 DIVA i w nim resztę DIV-ów, to jak zrobisz zeby wraz ze zmianą szerokości okna to dopasowywało się automatycznie

Przy założeniu ze menu, jego szkorokość sie nie zmienia.

sinq

18.03.2006, 18:34:22

y? już druga osoba dzisiaj

sprawdzałem w każdej przeglądarce i w każdej wyswietla mi identycznie
a tutaj dowód: przyklad

Kreton

18.03.2006, 18:44:15

sry wielkie sry, zapisałem sobie to do innego pliku style2,

a dawało mi stary style

A teraz 2 pytanie, jak zrobić zeby wysokość DIV-a z menu była taka sama jak wysokość DIV-a z contentem

srodkiem

Na dodatek jeżeli dla linków ustale

Kod

div#menu a { display:block; } to zaczynają sie inne jaja :] Ale to moze jakośc <br /> upchne

Nie stety, twoja propozycja jest bezsensowna, działa tylko przy stałej wysokości diva MENU. Wystarczy ze doda sie nową linię, a całość sie rozwala. Zna ktoś jakieś inne rozwiązanie

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.