Forum PHP.pl > CSS +internet exploree

Pomoc - Szukaj - Użytkownicy - Kalendarz

Elber

6.02.2008, 17:37:54

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ć

Pozdr0

specialplan

6.02.2008, 17:41:22

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

grzesiek_g

6.02.2008, 18:52:26

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ś)

Elber

6.02.2008, 20:44:06

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">

           

         
  </div>



  <div id="footer">

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

  </div>

  <div> </div>

</body>

</html>

asz

6.02.2008, 21:26:43

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...

grzesiek_g

7.02.2008, 00:45:54

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

Elber

7.02.2008, 15:46:30

Widzisz tam jakieś błędy

Jak tak to powiedz proszę jakie. Jak by jakiś moderator mógł przenieść ten temat to był bym wdzięczny

asz

7.02.2008, 16:19:10

Cytat(Elber @ 7.02.2008, 15:46:30 )

Widzisz tam jakieś błędy

Jak tak to powiedz proszę jakie. Jak by jakiś moderator mógł przenieść ten temat to był bym wdzięczny

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

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.