Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css] rozjazd grafiki przy korzystaniu z div'ów
#11
(05-12-2009, 21:59)Labsta.com napisał(a): 2. KeD jest dobry, co nie znaczy, że nie można testować równocześnie w FF. BTW KeD to edytor nie kompilator

No tak. Na bieżąco sprawdzam także w FF.
Teraz zostało tylko działanie marginesów i paddingów w FF.

Kod:
#mega {
                width: 836px;
                margin-left: 53px;
                padding-top: 3px;
}

#megagora img {
                margin: 0px;
                padding: 0px;
                display: block;
}

#megasrodek {
                width: 836px;
                background-image: url(mega_tlo.jpg);
}

#megasrodek img {
                margin: 0px;
                padding: 0px;
                display: block;
}

#megadol img {
                margin: 0px;
                padding: 0px;
                display: block;
}
Wszystko zostało ściągnięte do środka, przy czym DIV "top" dokładnie tak jak było zamierzone. Natomiast wszystko inne w "środku" przylega do lewej. Aby odsunąć chciałem użyć właśnie marginesów, bo potem w mojej teorii miało mi to jakoś ułatwić Smile.
DZIAŁA!!! Smile

Już wkrótce nowa seria problemów Smile. Pozdrawiam i dziękuję za pomoc Smile.
Odpowiedz
#12
Cytat:Już wkrótce nowa seria problemów Smile
Tak jak obiecałem.
Obecnie problem wygląda tak:

http://img294.imageshack.us/img294/7223/41830530.jpg

Wszystko było pięknie i pasowało do siebie, przylegało i ogólnie tak jak być powinno - było.
Natomiast po dopisaniu do css:

Kod:
h1 {
                color: rgb(252,255,0);
                font-size: 20px;
                font-weight: 800;
}

Nastąpiło powyższe wykrzaczenie. Znów jednak IE pokazuje że jest dobrze. Natomiast FF krzaczy. Wina ewidentnie musi stać po stronie h1, ale jak....

Kod CSS odpowiadający za "wykrzaczoną" tabelkę:

Kod:
/* DUZA LEWA RAMKA */
#duzal {
                width: 542px;
                margin: 0px;
                padding: 6px 0 6px 50px;
/*                 border: 1px solid red;  */
}

#duzalgora {
                background: url(duza_pasek_gora.jpg) no-repeat;
                width:542px;
                height: 6px;
                margin: 0px;
                padding: 0px;
/*                 border: 1px solid blue; */
}

#duzalsrodek {
                width: 530px;
                margin: 0px;
                padding-left: 6px;
                padding-right: 6px;
                background: rgb(30,58,17);
/*                  border: 1px solid; */
}

#duzaldol {
                background: url(duza_pasek_dol.jpg) no-repeat;
                width:542px;
                height: 6px;
/*                  border: 1px solid brown; */
}

Jeżeli w xhtml nie użyje h1 wszystko gra.

Oczywiście na początku sam próbuje rozwiązać problem. Jak zajmuje mi więcej niż pół h to się zgłaszam do Was. Razem uczy się lepiej i szybciej Smile.
Pozdrawiam
Odpowiedz
#13
A użyłeś tego reseta, o którym pisałem? To pewnie jakiś padding albo line-height;
Odpowiedz
#14
Reset... zapomniałem o nim. Poprawił. Dzięki.

pojawiła się kolejna zabawka:
http://img709.imageshack.us/img709/2097/44878845.jpg

Znów IE dobrze FF nie.
Ciemne tło powinno przesunąć się dalej w dół pod nowe tabelki.
Sprawdziłem XHTMLa. Wszystkie divy poprawnie otwarte i zamknięte oraz zagnieżdżone. Tak mi się wydaje.

Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-2" />
<meta name="Keywords" content="paintball, imprezy integracyjne, strzelanie, poligon, markery, zabawa, adrenalina, extreeme, maluchy, sportowe samochody, wyścigi " />
<meta name="Description" content="Zapraszamy do zabawy w WOJNĘ. strzelamy do ludzi farbą! nowy sport dla każdego! wynajmujemy cały sprzęt. mamy własny poligon. strzelania, imprezy firmowe, zabawa!" />
<title>Operacja Paintaball - Strzelamy farbą!</title>
<link href="data/style.css" rel="Stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="top">
    <div id="menu">menu:   <a href="index.html" class="obecna" >start</a>   oferta   poligony   galerie   forum   kontakt   ceny/promocje</div>
    <div id="mega">
        <div id="megagora"></div>
        <div id="megasrodek"><img src="data/zdjecie_glowne.jpg" alt="" width="824" height="345" /></div>
        <div id="megadol"></div>
    </div>
    <div id="duzal">
        <div id="duzalgora"></div>
        <div id="duzalsrodek">
        <h1>Witamy serdecznie na naszej stronie!</h1>
<p>Operacja Paintball zaprasza wszystkich, którzy przeżyć chcą coś nowego. Paintball to gra zespołowa, w której przy pomocy specjalnych pistoletów, strzelamy do siebie kulkami z farbą. Mnóstwo adrenaliny, zabawy i satysfakcji to tylko kilka cech charakterystycznych dla tego sportu!zej stronie. Operacja Paintball zaprasza wszystkich, którzy przeżyć chcą coś nowego.</p>
<p>Paintball to idealny sposób na spędzenie aktywnie wolnego czasu, odreagowanie szkolnych stresów, spotkanie ze znajomymi oraz integrację pracowników w Twojej firmie. Zapoznajcie się z naszą ofertą, zbierajcie znajomych i zapraszamy do wspólnej zabawy!</p>
<span class="podpis">Ekipa Operacji Paintball</span></div>
        <div id="duzaldol"></div>
    </div>
    <div id="srp">
        <div id="srpgora"></div>
        <div id="srpsrodek">Tu będzie kalendarz</div>
        <div id="srpdol"></div>
    </div>
</div>
</body>
</html>
Odpowiedz
#15
Wrzuć to na jakiś serwer bo trudno mi zgadywać. Prawdopodobnie top ma mieć overflow: hidden;
Odpowiedz
#16
http://www.operacjapaintball.pl/xhtml/index.html

do styli:
http://www.operacjapaintball.pl/xhtml/data/style.css
Overflow zadziałało, ale nawet nie wiem w jaki sposób... Wink
Doczytałem i znalazłem. Kurs jest mistrz. Pozdrawiam i dziękuję za cierpliwość pewnie jeszcze nie raz zaryzykuje jej naciągnięcia Smile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Problem przy pomniejszaniu/powiększaniu strony pelirroja 7 4,896 10-12-2012, 23:10
Ostatni post: Kartofelek
  Pomoc przy tłach erfix 12 5,457 09-09-2012, 23:34
Ostatni post: erfix
  [JS] Callback przy dynamicznym ładowaniu bandzgla 0 1,495 08-03-2012, 21:12
Ostatni post: bandzgla
  potrzebna pomoc przy position: fixed, position: absolute Seebeek 1 2,316 27-02-2012, 19:06
Ostatni post: Seebeek
Exclamation Wyśrodkowanie strony. Rozjeżdżanie przy powiększaniu. Rozdzielczość ekranu. PROBLEM ohcs 6 3,435 24-02-2012, 16:31
Ostatni post: kornell

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl