Forum PHP.pl > [HTML][CSS]PRoblem z wyświetlaniem !

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]PRoblem z wyświetlaniem !

gniew1971

16.02.2009, 03:17:26

Mam mały problem. Zrobiełem szablon pociąłem, prawie skończyłem pisać i pojwił się problem. Na Fire Fox'ie jest wszystko oki, lecz na IE między logiem a menu jest odstęp, i między menu a środkiem też jest odstęp. Stronka pisana na DIV-ach. A oto kod CSS:

Kod

html, body {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

body {
background: #fff url("images/tlo.png") center;
margin: auto;
text-align: center;
}

a:link {
color: black;
text-decoration: none;
}

a:visited {
color: black;
text-decoration: none;
}

a:hover {
color: blue;
text-decoration: none;
}

#strona {
margin: auto;
padding: 0;
}

#top {
background: #ff0000 url("images/logo.gif") no-repeat center;
width: 932;
height: 221;
margin: auto;
position: center;
padding:0;
float: center;
}

#menu {
background-image: url(images/menu.gif);
background-position: center;
background-repeat: no-repeat;
float: center;
margin: auto;
width: 936;
height: 34;
text-align: right;
}

#tresc {
background: #ff0000 url("images/srodek.png") repeat-y center;
background-position: center;
width: 936;
text-align: left;
margin: auto;
position: center;
float: center;
}

#tekst {
padding-left: 40;
padding-right: 40;
padding-top: 10;
padding-bottom: 10;
overflow: auto;
font-family: Segoe Print;
}

#stopka {
background: #000000 url("images/stopka.png") no-repeat center;
background-position: center;
width: 936;
height: 34;
margin: auto;
position: center;
float: center;
clear:both;
}

#tekst-stopka {
padding-top: 15;
}

#menu2 {
position: right;
margin: auto;
float: center;
padding-left: 40;
padding-right: 26;
}

prosze o pomoc

Rafal Filipek

16.02.2009, 03:59:02

bosko, poczekaj bo mam dopiero pierwszy level umiejetnosci generowania html'a na podstawie css'a w pamieci. moze bys pokazal kod albo dal linka ?

gniew1971

16.02.2009, 10:08:25

A oto kod strony:

Kod

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Author" content="Damian Markowicz" />
<link rel="Stylesheet" type="text/css" href="style.css" />
<title>Projektowanie Stron Internetowych - WebGood</title>
<meta name="Description" content="Projektujemy Strony Internetowe - tanio, szybko, profesjonalnie. "...po prostu profesjonalne strony internetowe..."" />
<meta name="Keywords" content="projektowanie stron internetowych, tenie strony, robienie stron, projektowanie stron www, robienie www, tworzenie stron, serwisów, portali, webgod, projectweb" />
<meta name="robots" content="index, follow, noodp">
</head>
<div id="strona">
<div id="top">
</div>
<div id="menu"><div id="menu2"><a href="index.html"><img src="menu/sg2.png" alt="Strona Główna" border="0" /></a> <a href="omnie.html"><img src="menu/om.png" alt="O Mnie" border="0" onmouseover="this.src = 'menu/om2.png'" onmouseout="this.src = 'menu/om.png'" /></a> <a href="oferta.html"><img src="menu/of.png" alt="Oferta" border="0" onmouseover="this.src = 'menu/of2.png'" onmouseout="this.src = 'menu/of.png'" /></a> <a href="portfolio.html"><img src="menu/pf.png" alt="Portfolio" border="0" onmouseover="this.src = 'menu/pf2.png'" onmouseout="this.src = 'menu/pf.png'" /></a> <a href="hosting.html"><img src="menu/hs.png" alt="Hosting" border="0" onmouseover="this.src = 'menu/hs2.png'" onmouseout="this.src = 'menu/hs.png'" /></a> <a href="kontakt.html"><img src="menu/kt.png" alt="Kontakt" border="0" onmouseover="this.src = 'menu/kt2.png'" onmouseout="this.src = 'menu/kt.png'" /></a></div></div>
<div id="tresc"><div id="tekst">

<p align="center"><b><font size="6" face="Segoe Print">Witam na <a href="index.html"><font size="1" face="Segoe Print">www.</font>WebGood<font size="1" face="Segoe Print">.pl</font></a></font></b></p>
<p style="font-size: 15;"><img src="images/firma45.jpg" alt="WebGood" style="float: right;"> Bardzo się cieszę z twojej wizyty na mojej stronie internetowej. Jeśli chcesz wiedzieć jakie usługi oferuje, proszę zajrzyj do działu "Oferta". Zapraszam także do działu "Portfolio", tam możesz zobaczyć jakie strony wykonałem. Gdy już się przekonasz że właśnie znalazłeś to czego szukałeś to pozostaje mi tylko zachęcić do skorzystania z zakładki "Kontakt".<br><br><center style="font-size: 17;"><b>...po prostu profesjonalnie strony internetowe...</b></center></p>

</div></div>
<div id="stopka"><div id="tekst-stopka">Design by <a href="http://www.webgood.pl"><b>WebGood</b></a></div></div>

</div>

sowiq

16.02.2009, 10:16:38

Cytat

Projektujemy Strony Internetowe - tanio, szybko, profesjonalnie.

Tanio i szybko to może i je produkujecie, ale czy profesjonalnie, to nie wiem.
W kodzie HTML nie masz znacznika !DOCTYPE, ale na to można przymknąć oko - może uczyłeś się z kursu HTML sprzed 7 lat. Ale że o BODY zapomniałeś, to już coś nie tak... A najlepsze jest to, że go ostylowałeś w CSS.

Aha - i popraw temat posta, bo w tej chwili niczego nie mówi.

[edit]
ot, profesjonalizm : tenie strony :]

Cytat

Jak możesz oczekiwać, że coś, co jest od podstaw źle napisane będzie się dobrze wyświetlać?

gniew1971

16.02.2009, 10:47:44

Na IE wyświetla mi źle czyli tak:

A na FF jest dobrze i wyświetla się tak:

A kod strony:

[HTML] pobierz, plaintext 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Author" content="Damian Markowicz" />
<link rel="Stylesheet" type="text/css" href="style.css" />
<title>Projektowanie Stron Internetowych - WebGood</title>
<meta name="Description" content="Projektujemy Strony Internetowe - tanio, szybko, profesjonalnie. ...po prostu profesjonalne strony internetowe..." />
<meta name="Keywords" content="projektowanie stron internetowych, tenie strony, robienie stron, projektowanie stron www, robienie www, tworzenie stron, serwisów, portali, webgod, projectweb" />
<meta name="robots" content="index, follow, noodp">
</head>
<body>
<!--Strona-->
<div id="strona">
 
<!--Top-->
<div id="top"></div>
<!--/Top-->
 
<!--Menu-->
<div id="menu">
<div id="menu2">
 
<a href="index.html"><img src="menu/sg2.png" alt="Strona Główna" border="0" /></a> <a href="omnie.html"><img src="menu/om.png" alt="O Mnie" border="0" onmouseover="this.src = 'menu/om2.png'" onmouseout="this.src = 'menu/om.png'" /></a> <a href="oferta.html"><img src="menu/of.png" alt="Oferta" border="0" onmouseover="this.src = 'menu/of2.png'" onmouseout="this.src = 'menu/of.png'" /></a> <a href="portfolio.html"><img src="menu/pf.png" alt="Portfolio" border="0" onmouseover="this.src = 'menu/pf2.png'" onmouseout="this.src = 'menu/pf.png'" /></a> <a href="hosting.html"><img src="menu/hs.png" alt="Hosting" border="0" onmouseover="this.src = 'menu/hs2.png'" onmouseout="this.src = 'menu/hs.png'" /></a> <a href="kontakt.html"><img src="menu/kt.png" alt="Kontakt" border="0" onmouseover="this.src = 'menu/kt2.png'" onmouseout="this.src = 'menu/kt.png'" /></a>
 
</div>
</div>
<!--/Menu-->
 
<!--Treść-->
<div id="tresc">
<div id="tekst">
 
<p align="center"><b><font size="6" face="Segoe Print">Witam na <a href="index.html"><font size="1" face="Segoe Print">www.</font>WebGood<font size="1" face="Segoe Print">.pl</font></a></font></b></p>
<p style="font-size: 15;"><img src="images/firma45.jpg" alt="WebGood" style="float: right;"> Bardzo się cieszę z twojej wizyty na mojej stronie internetowej. Jeśli chcesz wiedzieć jakie usługi oferuje, proszę zajrzyj do działu "Oferta". Zapraszam także do działu "Portfolio", tam możesz zobaczyć jakie strony wykonałem. Gdy już się przekonasz że właśnie znalazłeś to czego szukałeś to pozostaje mi tylko zachęcić do skorzystania z zakładki "Kontakt".<br><br><center style="font-size: 17;"><b>...po prostu profesjonalnie strony internetowe...</b></center></p>
 
</div>
</div>
<!--/Treść-->
 
<!--Stopka-->
<div id="stopka">
<div id="tekst-stopka">
Design by <a href="http://www.webgood.pl"><b>WebGood</b></a>
</div>
</div>
 
</div>
<!--/Strona-->
</body>
[HTML] pobierz, plaintext

CSS:

Kod

html, body {
font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

body {
    background: #fff url("images/tlo.png") center;
    margin: auto;
    text-align: center;
}

a:link {
color: black;
text-decoration: none;
}

a:visited {
color: black;
text-decoration: none;
}

a:hover {
color: blue;
text-decoration: none;
}

#strona {
    margin: auto;
    padding: 0;
}

#top {
background: #ff0000 url("images/logo.gif") no-repeat center;
width: 932;
height: 221;
margin: auto;
position: center;
padding:0;
float: center;
}

#menu {
background-image: url(images/menu.gif);
background-position: center;
background-repeat: no-repeat;
float: center;
margin: auto;
width: 936;
height: 34;
text-align: right;
}

#tresc {
background: #ff0000 url("images/srodek.png") repeat-y center;
background-position: center;
width: 936;
text-align: left;
margin: auto;
position: center;
float: center;
}

#tekst {
padding-left: 40;
padding-right: 40;
padding-top: 10;
padding-bottom: 10;
overflow: auto;
font-family: Segoe Print;
}

#stopka {
background: #000000 url("images/stopka.png") no-repeat center;
background-position: center;
width: 936;
height: 34;
margin: auto;
position: center;
float: center;
clear:both;
}

#tekst-stopka {
padding-top: 15;
}

#menu2 {
position: right;
margin: auto;
float: center;
padding-left: 40;
padding-right: 26;
}

Co tu jest nie tak że na IE tak się wyświetla?

nospor

16.02.2009, 10:49:08

popraw swoje posty o wlasciwe bbcode
do kodu html uzywa sie bbcode [html]

popraw tytul mowiacy co o problemie

sowiq

16.02.2009, 10:57:43

Co do CSS, stosujesz reguły, których nie ma:
margin: auto; - chyba margin: 0 auto; ?
position: center; - kurs CSS, W3C
float: center; - float opisany na W3C

A co do poprawionego tematu wątku - CSS odpowiada za wyświetlanie, więc Twoja zmiana niewiele wniosła...

gniew1971

16.02.2009, 11:03:45

Heh, za wiele mi nie pomogłeś, bo dalej niewiem co zrobić by to się dobrze wyświetlało, tak samo na IE jaki na FF. Pomoże ktoś?

sowiq

16.02.2009, 11:13:00

Cytat(gniew1971 @ 16.02.2009, 11:03:45 )

Heh, za wiele mi nie pomogłeś, bo dalej niewiem co zrobić by to się dobrze wyświetlało, tak samo na IE jaki na FF. Pomoże ktoś?

A widzisz, bo ja Ci chcę pomóc, a nie dać do ręki gotowe rozwiązanie. Jak teraz znajdziesz sam błąd przy małej pomocy i jego wskazaniu, to za drugim razem najprawdopodobniej go nie popełnisz. A jak za każdym razem będziesz czekał na gotowe rozwiązanie, to niczego się nie nauczysz i nici z Twoich profesjonalnych stron

gniew1971

16.02.2009, 12:06:47

kurcze, kombinuje, kombinuje i nic wykombinować nie mogę. Jak narazie zrobiłem tylko tyle że zostła 1 kreska między menu, a tekstem ale nie mam pojęcia co dalej robić? Pomocy, plisss !

Spawnm

16.02.2009, 12:11:28

po co wszędzie margin: auto skoro jest kontener?
zobacz co się stanie jak dasz margin:0px i np padding:0px
jak chcesz robić pro strony nie znając podstaw o_O

gniew1971

16.02.2009, 12:15:55

spawan nic mi nie pomogłeś, dalej jest czarna krecha

sowiq

16.02.2009, 12:19:26

Cytat(gniew1971 @ 16.02.2009, 12:06:47 )

kurcze, kombinuje, kombinuje i nic wykombinować nie mogę.

Przede wszystkim pousuwaj nieistniejące reguły CSS. Firefox je ignoruje, IE nie zawsze

Cytat

width: 936;

Może byś jakieś jednostki podał? 936px

!DOCTYPE w dalszym ciągu nie widzę. Nie dziwię się, że stronka nie chce Ci się poprawnie wyświetlić.

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.