Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> CSS +internet exploree
Elber
post 6.02.2008, 17:37:54
Post #1





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----

Witam, gdy mam design w CSS to w Mozilli Firefox jest stronka ładnie w środku, a w IE jest po lewej stronie ;( Jak to naprawić questionmark.gif
Pozdr0


--------------------
GG: 564555
Go to the top of the page
+Quote Post
specialplan
post 6.02.2008, 17:41:22
Post #2





Grupa: Zarejestrowani
Postów: 206
Pomógł: 21
Dołączył: 1.09.2006
Skąd: Edinburgh

Ostrzeżenie: (0%)
-----

Gdybym bym posiadal zdolnosci paranormalne, moglbym pomoc od reki. Tymczasem, moze podasz wiecej szczegolow?smile.gif

Ten post edytował specialplan 6.02.2008, 17:41:41
Go to the top of the page
+Quote Post
grzesiek_g
post 6.02.2008, 18:52:26
Post #3





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

Ostrzeżenie: (0%)
-----

Na 90% IE przełączył sie w tryb quirks. Dodaj DOCTYPE, albo usuń z pierwszej linii <?xml ... (ew. jesli masz tam cos takiego to tutaj jest coś)


--------------------
Warsztat: Ubuntu 12.10, PHPStorm
http://vertoo.pl
Go to the top of the page
+Quote Post
Elber
post 6.02.2008, 20:44:06
Post #4





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----

css:
Kod
body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  line-height: 20px;
  color: #000;
  background-color: #EEE;
}

h1 {
  font-size: 14px;
  font-weight: bold;
  color: #690;
}

h2 {
  font-size: 10px;
  font-weight: bold;
  color: #D0AD67;
}

h3 {
  font-size: 10px;
  font-weight: bold;
  color: #069;
}

.title {
  font-size: 20px;
  font-weight: bold;
  color: #690;
  border-left: 5px solid #F90;
  padding-left: 5px;
}

.subtitle {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  border-left: 5px solid #FFF;
  padding-left: 5px;
}

#lpanel .heading {
  background-color: #690;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

#lpanel a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  padding-left: 15px;
  background: url(../images/b-1.gif) no-repeat center left;
}

#lpanel a:hover {
  color: #690;
  background: url(../images/b-2.gif) no-repeat center left;
}

a {
  color: #690;
  text-decoration: none;
  padding: 1px;
}

a:hover {
  color: #666;
  background-color: #EEE;
}

img {
  float: right;
  padding-left: 10px;
  padding-right: 10px;
}

#header {
  width: 748px;
  height: 150px;
  margin: 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  background: url(../images/banner.jpg) no-repeat top left;
}

#title {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 10px;
  background-color: #FFF;
}

#lpanel {
  position: absolute;
  top: 160px;
  left: 0px;
  margin: 5px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  width: 150px;
}

#content {
  width: 570px;
  margin: 0px 200px 5px 182px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
}

#footer {
  width: 570px;
  margin: 5px 200px 5px 182px;
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #DDD;
  text-align: right;
}


HTML:
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

    <meta name="description" content="" />
    <meta name="keywords" content="" />
  <link rel="stylesheet" type="text/css" href="css/2208_screen.css" media="screen, print" />
        <link rel="stylesheet" type="text/css" href="image.css" />
    <title></title>


</head>


<body>


  <div id="header"></div>

  <div id="title">

    <div class="title"></div>
    <div class="subtitle"></div>

  </div>

  <div id="lpanel" style="width: 175; height: 390">

    <div class="heading"></div>
        <a href="" title=""></a><br/>

<a href="" title=""></a><br/>

          <a href="" title=""></a><br/>


<a href="" title=""></a><br/>

          <a href="" title="></a><br/>
    <br/>
       <h3><font size="2"></font></h3>

                                                <p minmax_bound="true">
                                                <strong minmax_bound="true">
                                                <font size="2" minmax_bound="true">
                                                </font><br minmax_bound="true">
                                                </strong>
                                                <font size="2" minmax_bound="true">
                                                <br minmax_bound="true">
                                                </font><font color="#1f384f" minmax_bound="true"><br minmax_bound="true">
                                                <br minmax_bound="true">
                                                </font><b minmax_bound="true">
                                                </b> <br minmax_bound="true">
                                                <b minmax_bound="true"</b><br minmax_bound="true">
                                                <b minmax_bound="true"</b>
                                                </div>

  <div id="content" style="width: -200; height: 1267">

           <!-- Tutaj zaczyna się treść -->

         <!-- Tutaj kończy się treść -->
  </div>

  

  <div id="footer">

    <div>Copyright Š 2008 by <a href=""></a></div>
    <div>Opracowanie <a href=""></a></div>

  </div>

  <div> </div>

</body>

</html>


Ten post edytował Elber 6.02.2008, 20:46:12


--------------------
GG: 564555
Go to the top of the page
+Quote Post
asz
post 6.02.2008, 21:26:43
Post #5





Grupa: Zarejestrowani
Postów: 35
Pomógł: 1
Dołączył: 22.08.2007

Ostrzeżenie: (0%)
-----

Kod
body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
  line-height: 20px;
  color: #000;
  background-color: #EEE;
}

/*
.....
*/


Generalnie to pomyśl o tym, by w drugim wierszu było margin: 0px auto;


A, i jeszcze jedno. Popraw kod css-a bo jak na razie to nie przejdzie on bezbłędnie validatora css...

Ten post edytował asz 6.02.2008, 21:30:02
Go to the top of the page
+Quote Post
grzesiek_g
post 7.02.2008, 00:45:54
Post #6





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

Ostrzeżenie: (0%)
-----

I następnym razem uważaj gdzie piszesz. Bo napisałeś w złym dziale. Poproś moderatora o przeniesienie wątku.


--------------------
Warsztat: Ubuntu 12.10, PHPStorm
http://vertoo.pl
Go to the top of the page
+Quote Post
Elber
post 7.02.2008, 15:46:30
Post #7





Grupa: Zarejestrowani
Postów: 381
Pomógł: 12
Dołączył: 9.07.2007

Ostrzeżenie: (0%)
-----

Widzisz tam jakieś błędy questionmark.gif Jak tak to powiedz proszę jakie. Jak by jakiś moderator mógł przenieść ten temat to był bym wdzięczny smile.gif


--------------------
GG: 564555
Go to the top of the page
+Quote Post
asz
post 7.02.2008, 16:19:10
Post #8





Grupa: Zarejestrowani
Postów: 35
Pomógł: 1
Dołączył: 22.08.2007

Ostrzeżenie: (0%)
-----

Cytat(Elber @ 7.02.2008, 15:46:30 ) *
Widzisz tam jakieś błędy questionmark.gif Jak tak to powiedz proszę jakie. Jak by jakiś moderator mógł przenieść ten temat to był bym wdzięczny smile.gif



Sprawdź swój plik *.css w tym validatorze to będziesz widział, co jest źle :-) To samo mozesz sprawdzić z plikiem html-wym.

Ten post edytował asz 7.02.2008, 16:22:33
Go to the top of the page
+Quote Post
« Następny starszy · Serwery WWW · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 17.06.2025 - 16:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn