Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów › Technologie internetowe - tworzenie stron WWW › Początkujący webmaster v
[CSS] Problem z divami

Ocena wątku:
  • 1 głosów - średnia: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Tryb drzewa
[CSS] Problem z divami
Mr.Hyde Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 2
Dołączył: 31-08-2009
Reputacja: 0
#1
16-01-2010, 20:07 (Ten post był ostatnio modyfikowany: 16-01-2010, 20:11 przez Mr.Hyde.)
Witam. Od niedawna bawię się w robienie stron i mam pewien problem. Robię stronę dla brata i na początek wrzuciłem na darmowy serwer, żeby zobaczyć jak to będzie wyglądać. We wszystkich przeglądarkach widok strony jest ok ale w IE się rozjeżdża. Nie mam pojęcia dlaczego. Szablon brat w necie znalazł
Link do strony: http://gramywcs.cba.pl/bartosz/

Dorzucam też kod css bo tam są wszystkie deklaracje div'ów.

Kod:
* {
    padding:0;
    margin:0;
}

body {
    color: #666666;
    background-color:#FFFFFF;
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-size:83%;
    margin:20px auto;
    width:850px;
    padding-left:10px;
    padding-right:10px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl,
fieldset, address { margin:0.75em 0;}

h1 {font-size:167%;}

h2 {font-size:139%;}

h3 {font-size:120%;}

h4 {font-size:100%;}

li, dd {
    margin-left:2em;
}

a {
    color: #CC0000;
    background-color: #FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

a:hover {
    color: #CC0000;
    background-color: #FFFFFF;
    font-weight: normal;
    text-decoration: underline;
}

#contact {
    padding:0px 0px 0px 0px;
    float:right;
}

#contact a {
    color: #CC0000;
    background-color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}

#contact a:hover {
    color: #CC0000;
    background-color:#FFFFFF;
    text-decoration:underline;
}

#header {
    clear:both;
    color: #CC0000;
    background-color:#FFFFFF;
    padding:5px 0px 10px 0px;
    margin:0px 0px 0px 0px;
}


#title {
    color: #CC0000;
    background-color:#FFFFFF;
    font-size:200%;
    font-weight:bold;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    float:left;
}

#slogan {
    color:#666666;
    background-color:#FFFFFF;
    font-size:83%;
    font-weight:normal;
    font-style:normal;
    padding:0px 20px 0px 0px;
    margin:0px 0px 0px 0px;
    float:left;
    width:35%;
}

ul#nav {
    line-height:125%;
    height:3em;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    list-style: none;
    text-align: center;
    width:60%;
}

ul#nav li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 20px;
    float: right;
}

ul#nav li a {
    display: block;
    font-size: small;
    color: #CC0000;
    background-color:#FFFFFF;
    font-weight: normal;
    text-decoration: none;
}

ul#nav li a:hover {
    border-bottom:3px solid #CC0000;
}

ul#nav a.selected {
    border-bottom:3px solid #CC0000;
}

#path {
    width:850px;
    clear:both;
    float:left;
    font-size:75%;
    font-weight:normal;
    margin:4px 0px 5px 0px;
    border-top:5px solid #666666;
}

#path a {
    font-weight:normal;
}

#maincontent {
    font-size:100%;
    padding:0px 5px 5px 0px;
    margin:0px 0px 0px 0px;
    width:540px;
    float:left;
}

#sidecontent {
    font-family:Arial, sans-serif;
    color: #666666;
    background-color:#FFFFFF;
    font-size:86%;
    padding:10px 10px 20px 10px;
    margin:0px 0px 10px 0px;
    width:250px;
    float:right;
    border: #999999 solid thin;
}

#sidecontent a {
    color: #CC0000;
    background-color:#FFFFFF;
}

#sidecontent h2 { margin:0.75em 0.25em 0.25em 0em;}

#sidecontent ul { margin:0.25em 0.25em 0.25em 0.25em;}

#footer {
    height:40px;
    color:#666666;
    background-color:#FFFFFF;
    border-top:5px solid #666666;
    font-size:75%;
    line-height:1.5em;
    width: 850px;
    clear:both;
}

#footer    a {
    color:#CC0000;
    background-color:#FFFFFF;
    text-decoration: none;
}

#footer    a:hover {
    color:#CC0000;
    background-color:#FFFFFF;
    font-weight: normal;
    text-decoration: underline;
}

#copyrightdesign {
    color:#666666;
    background-color:#FFFFFF;
    padding:5px 20px 5px 0px;
    width: 580px;
    float:left;
}

#footercontact {
    color:#CC0000;
    background-color:#FFFFFF;
    padding:5px 0px 5px 0px;
    float:right;
}

Dorzucę jeszcze kod index.html tak na wszelki wypadek

Kod:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

    <meta name="description" content="" />
    <meta name="keywords" content="" />
<link href="style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="image.css" />
    <title>Bartosz Nowicki</title>
</head>
<body>

<div id="header">

<ul id="nav">
<li><a href="kontakt.html" title="Kontakt">Kontakt</a></li>

<li><a href="uslugi.html" title="Usługi">Usługi</a></li>

<li><a href="o-firmie.html" title="Gotowe rozwiązania">Gotowe rozwiązania</a></li>


<li><a href="index.html" title="Strona główna">Strona główna</a></li>
</ul>

<div id="title">Bartosz Nowicki</div>

<div id="slogan">Twój slogan reklamowy</div>

</div>

<div id="path">


</div>


<div id="maincontent">
        
            
<h2>O mnie</h2>

<p>


Jestem programistą którego pasjonuje rynek forex. Od 2007r. programuję w języku MQL zarówno na potrzeby własne jak i na zamówienie.

Wykonuje projekty zgodnie z wymaganiami stawianymi przez klienta jak też oferuję gotowe rozwiązania.

Zapraszam do zapoznania się z moją ofertą. Chętnie odpowiem na wszelkie pytania. </p>
<p><br />
Bartosz Nowicki
</p>


</div>

<div id="sidecontent">

<h2>Bartosz Nowicki</h2>

<ul>

<li>adres e-mail: [email protected] </li>

<li>nr. gg: 2500669</li>

<li>skype: MQL4Engineer</li>

</ul>

</div>


<div id="footer">

<div id="copyrightdesign">
Opracowanie <a href="http://www.ittechnology.us/">Marketing w Internecie</a>|
Design by <a href="http://ContentedDesigns.com">Contented Designs</a>
</div>

<div id="footercontact">

</div>

</div>


</body>
</html>
Szukaj
Odpowiedz
virus4 Offline
Member
***
Liczba postów: 92
Liczba wątków: 9
Dołączył: 09-06-2009
Reputacja: 2
#2
17-01-2010, 01:15
Ja już dawno olałem IE. Może przez to ludzie przestaną z niego korzystać - Tobie radzę też się nim nie przejmować.
Szukaj
Odpowiedz
Mr.Hyde Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 2
Dołączył: 31-08-2009
Reputacja: 0
#3
17-01-2010, 04:16
Gdyby to była moja strona to bym się nie przejmował, ale brat chce, żeby w każdej przeglądarce dobrze wyglądało
Szukaj
Odpowiedz
asd5 Offline
Member
***
Liczba postów: 95
Liczba wątków: 1
Dołączył: 10-01-2010
Reputacja: -2
#4
17-01-2010, 05:17
musisz pamietac o tym ze ie 6 robi troche wieksze marginesy dlatego warto zrobic osobny styl css dla ie i w nim m.in pozmniejszac troche marginesy mysle ze to powinno pomoc
Negatywny (-1): Cytuje: "suabe"... Lubię poprawne pisanie. [Obrazek: emoticon_lol.gif]
Szukaj
Odpowiedz
razorskate Offline
Koder/Helper
***
Liczba postów: 91
Liczba wątków: 5
Dołączył: 02-11-2009
Reputacja: 5
#5
17-01-2010, 15:55
Jak wyżej. Smile

(17-01-2010, 01:15)virus4 napisał(a): Ja już dawno olałem IE. Może przez to ludzie przestaną z niego korzystać - Tobie radzę też się nim nie przejmować.

Myślę, że olanie IE nie jest zbyt dobrym pomysłem. Jeśli tworzysz strony dla znajomych, lub bardzo mało uczęszczane, nie ma to znaczenia. Ale jeżeli tworzysz stronę dla firmy, gdzie powiedzmy będą ważne dla klientów informacje, lub możliwość przelania pieniędzy, to co wtedy? Przeciętny Kowalski, który używa IE otworzy stronę, zobaczy rozjechany układ strony, wścieknie się, i pierwsze co zrobi zamknie witrynę... A takich Kowalskich jest mnóstwo. Skoro ludzie mający IE nie mogą zobaczyć strony, na pewno nie zapłacą takiej firmie, po prostu od niej odejdą. I jeśli użytkowników przeglądarki od Microsoftu wciąż jest dużo, to nasza forma z przykładu po prostu straci mnóstwo klientów. I tak jest naprawdę. Dlatego tworzy się strony dopasowane do każdej przeglądarki, trzeba wszystkim umożliwić obejrzenie strony. Możesz dodać dopisek, że strona jest poprawnie wyświetlana w Operze, tudzież w Firefoxie...
Zapamiętaj to, na pewno Ci się przyda. Mimo iż popularność IE wciąż spada, dopóki nie dojdzie do bardzo małej wartości, nie można zapomnieć o tej przeglądarce.

Uff, ale się rozpisałem ;D . Pozdrawiam, Mikołaj Zielski. Smile
[Obrazek: beznazwy1hf.png]
Roll or die!
Strona WWW Szukaj
Odpowiedz
Mr.Hyde Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 2
Dołączył: 31-08-2009
Reputacja: 0
#6
17-01-2010, 18:50
Zastosowałem się do waszej rady, żeby pozmieniać marginesy, ale dalej tekst jest obok diva.
Szukaj
Odpowiedz
asd5 Offline
Member
***
Liczba postów: 95
Liczba wątków: 1
Dołączył: 10-01-2010
Reputacja: -2
#7
18-01-2010, 05:37
zrób zrzut ekranu ie i pokaż co Ci tam nie pasuje, bo u mnie na 6 chyba wszystko okej
Negatywny (-1): Cytuje: "suabe"... Lubię poprawne pisanie. [Obrazek: emoticon_lol.gif]
Szukaj
Odpowiedz
Mr.Hyde Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 2
Dołączył: 31-08-2009
Reputacja: 0
#8
18-01-2010, 07:09
Proszę bardzo. Zdjęcie problemu

http://img69.imageshack.us/img69/1948/zrzutd.jpg
Szukaj
Odpowiedz
asd5 Offline
Member
***
Liczba postów: 95
Liczba wątków: 1
Dołączył: 10-01-2010
Reputacja: -2
#9
18-01-2010, 16:21
raczej w kodzie nie ma błędów jak go analizowałem, ale spróbuj może
#maincontent oraz #sidecontent opakować div'em
Negatywny (-1): Cytuje: "suabe"... Lubię poprawne pisanie. [Obrazek: emoticon_lol.gif]
Szukaj
Odpowiedz
Mr.Hyde Offline
Junior Member
**
Liczba postów: 6
Liczba wątków: 2
Dołączył: 31-08-2009
Reputacja: 0
#10
18-01-2010, 23:23
Dałem w divy ale nic to nie dało
Szukaj
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Problem z divami. teN 1 1,904 09-08-2010, 01:13
Ostatni post: lukasz323
  Problem z divami Dombus 5 3,965 17-02-2010, 00:50
Ostatni post: Dombus
  Problem z divami meduzzz19 7 4,439 10-11-2009, 21:38
Ostatni post: Leja

Skocz do:


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