Problem z div'ami

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Sieja
Posty: 9
Rejestracja: ndz lut 24, 2008 6:12 pm
Kontakt:

Problem z div'ami

Post autor: Sieja »

Witam. Mam problem. Zrobiłem stronę na divach ale tekst, który ma być wyświetlany wchodzi pod obrazki. Moja strona - http://www.pulse.duu.pl

Kod: Zaznacz cały

<? 
include("_mysql.php"); 
include("_settings.php"); 
include("_functions.php"); 
?>
<html>
<head>
<title><? echo PAGETITLE; ?></title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css"> 
<script src="js/bbcode.js" language="jscript" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<style type="text/css">
<!--

div.Table_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:1000px;
    height:681px;
}

div.id01 {
    position:absolute;
    left:0px;
    top:0px;
    width:11px;
    height:35px;
}

div.id02 {
    position:absolute;
    left:11px;
    top:0px;
    width:676px;
    height:35px;
}

div.id03 {
    position:absolute;
    left:687px;
    top:0px;
    width:300px;
    height:35px;
}

div.id04 {
    position:absolute;
    left:987px;
    top:0px;
    width:13px;
    height:35px;
}

div.id05 {
    position:absolute;
    left:0px;
    top:35px;
    width:11px;
    height:187px;
}

div.id06 {
    position:absolute;
    left:11px;
    top:35px;
    width:976px;
    height:187px;
}

div.id07 {
    position:absolute;
    left:987px;
    top:35px;
    width:13px;
    height:187px;
}

div.id08 {
    position:absolute;
    left:0px;
    top:222px;
    width:11px;
    height:32px;
}

div.id09 {
    position:absolute;
    left:11px;
    top:222px;
    width:122px;
    height:32px;
}

div.id10 {
    position:absolute;
    left:133px;
    top:222px;
    width:60px;
    height:32px;
}

div.id11 {
    position:absolute;
    left:193px;
    top:222px;
    width:69px;
    height:32px;
}

div.id12 {
    position:absolute;
    left:262px;
    top:222px;
    width:75px;
    height:32px;
}

div.id13 {
    position:absolute;
    left:337px;
    top:222px;
    width:83px;
    height:32px;
}

div.id14 {
    position:absolute;
    left:420px;
    top:222px;
    width:69px;
    height:32px;
}

div.id15 {
    position:absolute;
    left:489px;
    top:222px;
    width:68px;
    height:32px;
}

div.id16 {
    position:absolute;
    left:557px;
    top:222px;
    width:84px;
    height:32px;
}

div.id17 {
    position:absolute;
    left:641px;
    top:222px;
    width:62px;
    height:32px;
}

div.id18 {
    position:absolute;
    left:703px;
    top:222px;
    width:74px;
    height:32px;
}

div.id19 {
    position:absolute;
    left:777px;
    top:222px;
    width:73px;
    height:32px;
}

div.id20 {
    position:absolute;
    left:850px;
    top:222px;
    width:65px;
    height:32px;
}

div.id21 {
    position:absolute;
    left:915px;
    top:222px;
    width:72px;
    height:32px;
}

div.id22 {
    position:absolute;
    left:987px;
    top:222px;
    width:13px;
    height:32px;
}

div.id23 {
    position:absolute;
    left:0px;
    top:254px;
    width:11px;
    height:20px;
}

div.id24 {
    position:absolute;
    left:11px;
    top:254px;
    width:324px;
    height:20px;
}

div.id25 {
    position:absolute;
    left:335px;
    top:254px;
    width:2px;
    height:163px;
}

div.id26 {
    position:absolute;
    left:337px;
    top:254px;
    width:324px;
    height:20px;
}

div.id27 {
    position:absolute;
    left:661px;
    top:254px;
    width:2px;
    height:163px;
}

div.id28 {
    position:absolute;
    left:663px;
    top:254px;
    width:324px;
    height:20px;
}

div.id29 {
    position:absolute;
    left:987px;
    top:254px;
    width:13px;
    height:20px;
}

div.id30 {
    position:absolute;
    left:0px;
    top:274px;
    width:11px;
    height:143px;
}

div.id31 {
    position:absolute;
    left:11px;
    top:274px;
    width:324px;
    height:143px;
}

div.id32 {
    position:absolute;
    left:337px;
    top:274px;
    width:324px;
    height:143px;
}

div.id33 {
    position:absolute;
    left:663px;
    top:274px;
    width:324px;
    height:143px;
}

div.id34 {
    position:absolute;
    left:987px;
    top:274px;
    width:13px;
    height:143px;
}

div.id35 {
    position:absolute;
    left:0px;
    top:417px;
    width:11px;
    height:30px;
}

div.id36 {
    position:absolute;
    left:11px;
    top:417px;
    width:976px;
    height:30px;
}

div.id37 {
    position:absolute;
    left:987px;
    top:417px;
    width:13px;
    height:30px;
}

div.id38 {
    position:absolute;
    left:0px;
    top:447px;
    width:11px;
    height:23px;
}

div.id39 {
    position:absolute;
    left:11px;
    top:447px;
    width:251px;
    height:23px;
}

div.id40 {
    position:absolute;
    left:262px;
    top:447px;
    width:496px;
    height:59px;
}

div.id41 {
    position:absolute;
    left:758px;
    top:447px;
    width:229px;
    height:23px;
}

div.id42 {
    position:absolute;
    left:987px;
    top:447px;
    width:13px;
    height:23px;
}

div.id43 {
    position:absolute;
    left:0px;
    top:470px;
    width:11px;
    height:13px;
}

div.id44 {
    position:absolute;
    left:11px;
    top:470px;
    width:251px;
    height:13px;
    background:url('images/44.gif') repeat-y;
}

div.id45 {
    position:absolute;
    left:758px;
    top:470px;
    width:229px;
    height:12px;
}

div.id46 {
    position:absolute;
    left:987px;
    top:470px;
    width:13px;
    height:12px;
}

div.id47 {
    position:absolute;
    left:758px;
    top:482px;
    width:229px;
    height:23px;
}

div.id48 {
    position:absolute;
    left:987px;
    top:482px;
    width:13px;
    height:23px;
}

div.id49 {
    position:absolute;
    left:0px;
    top:483px;
    width:11px;
    height:23px;
}

div.id50 {
    position:absolute;
    left:11px;
    top:483px;
    width:251px;
    height:23px;
}

div.id51 {
    position:absolute;
    left:758px;
    top:505px;
    width:229px;
    height:auto;
    background:url(images/51.gif); 
  background-repeat: repeat-y;
}

div.id52 {
    position:absolute;
    left:987px;
    top:505px;
    width:13px;
    height:12px;
}

div.id53 {
    position:absolute;
    left:0px;
    top:506px;
    width:11px;
    height:13px;
}

div.id54 {
    position:absolute;
    left:11px;
    top:506px;
    width:251px;
    height:13px;
    background:url('images/54.gif.gif') repeat-y;
}

div.id55 {
    position:absolute;
    left:262px;
    top:506px;
    width:496px;
    height:134px;
}

div.id56 {
    position:absolute;
    left:758px;
    top:517px;
    width:229px;
    height:23px;
}

div.id57 {
    position:absolute;
    left:987px;
    top:517px;
    width:13px;
    height:23px;
}

div.id58 {
    position:absolute;
    left:0px;
    top:519px;
    width:11px;
    height:23px;
}

div.id59 {
    position:absolute;
    left:11px;
    top:519px;
    width:251px;
    height:23px;
}

div.id60 {
    position:absolute;
    left:758px;
    top:540px;
    width:229px;
    height:12px;
}

div.id61 {
    position:absolute;
    left:987px;
    top:540px;
    width:13px;
    height:12px;
}

div.id62 {
    position:absolute;
    left:0px;
    top:542px;
    width:11px;
    height:13px;
}

div.id63 {
    position:absolute;
    left:11px;
    top:542px;
    width:251px;
    height:13px;
}

div.id64 {
    position:absolute;
    left:758px;
    top:552px;
    width:229px;
    height:23px;
}

div.id65 {
    position:absolute;
    left:987px;
    top:552px;
    width:13px;
    height:23px;
}

div.id66 {
    position:absolute;
    left:0px;
    top:555px;
    width:11px;
    height:23px;
}

div.id67 {
    position:absolute;
    left:11px;
    top:555px;
    width:251px;
    height:23px;
}

div.id68 {
    position:absolute;
    left:758px;
    top:575px;
    width:229px;
    height:12px;
}

div.id69 {
    position:absolute;
    left:987px;
    top:575px;
    width:13px;
    height:12px;
}

div.id70 {
    position:absolute;
    left:0px;
    top:578px;
    width:11px;
    height:13px;
}

div.id71 {
    position:absolute;
    left:11px;
    top:578px;
    width:251px;
    height:13px;
}

div.id72 {
    position:absolute;
    left:758px;
    top:587px;
    width:229px;
    height:53px;
}

div.id73 {
    position:absolute;
    left:987px;
    top:587px;
    width:13px;
    height:53px;
}

div.id74 {
    position:absolute;
    left:0px;
    top:591px;
    width:11px;
    height:23px;
}

div.id75 {
    position:absolute;
    left:11px;
    top:591px;
    width:251px;
    height:23px;
}

div.id76 {
    position:absolute;
    left:0px;
    top:614px;
    width:11px;
    height:13px;
}

div.id77 {
    position:absolute;
    left:11px;
    top:614px;
    width:251px;
    height:13px;
}

div.id78 {
    position:absolute;
    left:0px;
    top:627px;
    width:11px;
    height:13px;
}

div.id79 {
    position:absolute;
    left:11px;
    top:627px;
    width:251px;
    height:13px;
}

div.id80 {
    position:absolute;
    left:0px;
    top:640px;
    width:1000px;
    height:41px;
}

-->
</style>
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div class="Table_01">
    <div class="id01">
        <img src="images/01.gif" width="11" height="35" alt="">
    </div>
    <div class="id02">
        <img src="images/02.gif" width="676" height="35" alt="">
    </div>
    <div class="id03">
        <img src="images/03.gif" width="300" height="35" alt="">
    </div>
    <div class="id04">
        <img src="images/04.gif" width="13" height="35" alt="">
    </div>
    <div class="id05">
        <img src="images/05.gif" width="11" height="187" alt="">
    </div>
    <div class="id06">
        <img src="images/06.gif" width="976" height="187" alt="">
    </div>
    <div class="id07">
        <img src="images/07.gif" width="13" height="187" alt="">
    </div>
    <div class="id08">
        <img src="images/08.gif" width="11" height="32" alt="">
    </div>
    <div class="id09">
        <img src="images/09.gif" width="122" height="32" alt="">
    </div>
    <div class="id10">
        <img src="images/10.gif" width="60" height="32" alt="">
    </div>
    <div class="id11">
        <img src="images/11.gif" width="69" height="32" alt="">
    </div>
    <div class="id12">
        <img src="images/12.gif" width="75" height="32" alt="">
    </div>
    <div class="id13">
        <img src="images/13.gif" width="83" height="32" alt="">
    </div>
    <div class="id14">
        <img src="images/14.gif" width="69" height="32" alt="">
    </div>
    <div class="id15">
        <img src="images/15.gif" width="68" height="32" alt="">
    </div>
    <div class="id16">
        <img src="images/16.gif" width="84" height="32" alt="">
    </div>
    <div class="id17">
        <img src="images/17.gif" width="62" height="32" alt="">
    </div>
    <div class="id18">
        <img src="images/18.gif" width="74" height="32" alt="">
    </div>
    <div class="id19">
        <img src="images/19.gif" width="73" height="32" alt="">
    </div>
    <div class="id20">
        <img src="images/20.gif" width="65" height="32" alt="">
    </div>
    <div class="id21">
        <img src="images/21.gif" width="72" height="32" alt="">
    </div>
    <div class="id22">
        <img src="images/22.gif" width="13" height="32" alt="">
    </div>
    <div class="id23">
        <img src="images/23.gif" width="11" height="20" alt="">
    </div>
    <div class="id24">
        <img src="images/24.gif" width="324" height="20" alt="">
    </div>
    <div class="id25">
        <img src="images/25.gif" width="2" height="163" alt="">
    </div>
    <div class="id26">
        <img src="images/26.gif" width="324" height="20" alt="">
    </div>
    <div class="id27">
        <img src="images/27.gif" width="2" height="163" alt="">
    </div>
    <div class="id28">
        <img src="images/28.gif" width="324" height="20" alt="">
    </div>
    <div class="id29">
        <img src="images/29.gif" width="13" height="20" alt="">
    </div>
    <div class="id30">
        <img src="images/30.gif" width="11" height="143" alt="">
    </div>
    <div class="id31">
        <img src="images/31.gif" width="324" height="143" alt="">
    </div>
    <div class="id32">
        <img src="images/32.gif" width="324" height="143" alt="">
    </div>
    <div class="id33">
        <img src="images/33.gif" width="324" height="143" alt="">
    </div>
    <div class="id34">
        <img src="images/34.gif" width="13" height="143" alt="">
    </div>
    <div class="id35">
        <img src="images/35.gif" width="11" height="30" alt="">
    </div>
    <div class="id36">
        <img src="images/36.gif" width="976" height="30" alt="">
    </div>
    <div class="id37">
        <img src="images/37.gif" width="13" height="30" alt="">
    </div>
    <div class="id38">
        <img src="images/38.gif" width="11" height="23" alt="">
    </div>
    <div class="id39">
        <img src="images/39.gif" width="251" height="23" alt="">
    </div>
    <div class="id40">
        <img src="images/40.gif" width="496" height="59" alt="">
    </div>
    <div class="id41">
        <img src="images/41.gif" width="229" height="23" alt="">
    </div>
    <div class="id42">
        <img src="images/42.gif" width="13" height="23" alt="">
    </div>
    <div class="id43">
        <img src="images/43.gif" width="11" height="13" alt="">
    </div>
    <div class="id44">
        <? include("navigation.php"); ?>
    </div>
    <div class="id45">
        <img src="images/45.gif" width="229" height="12" alt="">
    </div>
    <div class="id46">
        <img src="images/46.gif" width="13" height="12" alt="">
    </div>
    <div class="id47">
        <img src="images/47.gif" width="229" height="23" alt="">
    </div>
    <div class="id48">
        <img src="images/48.gif" width="13" height="23" alt="">
    </div>
    <div class="id49">
        <img src="images/49.gif" width="11" height="23" alt="">
    </div>
    <div class="id50">
        <img src="images/50.gif" width="251" height="23" alt="">
    </div>
    <div class="id51">
        <? include("partners.php"); ?>
    </div>
    <div class="id52">
        <img src="images/52.gif" width="13" height="12" alt="">
    </div>
    <div class="id53">
        <img src="images/53.gif" width="11" height="13" alt="">
    </div>
    <div class="id54">
        <? include("poll.php"); ?>
    </div>
    <div class="id55">
        <img src="images/55.gif" width="496" height="134" alt="">
    </div>
    <div class="id56">
        <img src="images/56.gif" width="229" height="23" alt="">
    </div>
    <div class="id57">
        <img src="images/57.gif" width="13" height="23" alt="">
    </div>
    <div class="id58">
        <img src="images/58.gif" width="11" height="23" alt="">
    </div>
    <div class="id59">
        <img src="images/59.gif" width="251" height="23" alt="">
    </div>
    <div class="id60">
        <img src="images/60.gif" width="229" height="12" alt="">
    </div>
    <div class="id61">
        <img src="images/61.gif" width="13" height="12" alt="">
    </div>
    <div class="id62">
        <img src="images/62.gif" width="11" height="13" alt="">
    </div>
    <div class="id63">
        <img src="images/63.gif" width="251" height="13" alt="">
    </div>
    <div class="id64">
        <img src="images/64.gif" width="229" height="23" alt="">
    </div>
    <div class="id65">
        <img src="images/65.gif" width="13" height="23" alt="">
    </div>
    <div class="id66">
        <img src="images/66.gif" width="11" height="23" alt="">
    </div>
    <div class="id67">
        <img src="images/67.gif" width="251" height="23" alt="">
    </div>
    <div class="id68">
        <img src="images/68.gif" width="229" height="12" alt="">
    </div>
    <div class="id69">
        <img src="images/69.gif" width="13" height="12" alt="">
    </div>
    <div class="id70">
        <img src="images/70.gif" width="11" height="13" alt="">
    </div>
    <div class="id71">
        <img src="images/71.gif" width="251" height="13" alt="">
    </div>
    <div class="id72">
        <img src="images/72.gif" width="229" height="53" alt="">
    </div>
    <div class="id73">
        <img src="images/73.gif" width="13" height="53" alt="">
    </div>
    <div class="id74">
        <img src="images/74.gif" width="11" height="23" alt="">
    </div>
    <div class="id75">
        <img src="images/75.gif" width="251" height="23" alt="">
    </div>
    <div class="id76">
        <img src="images/76.gif" width="11" height="13" alt="">
    </div>
    <div class="id77">
        <img src="images/77.gif" width="251" height="13" alt="">
    </div>
    <div class="id78">
        <img src="images/78.gif" width="11" height="13" alt="">
    </div>
    <div class="id79">
        <img src="images/79.gif" width="251" height="13" alt="">
    </div>
    <div class="id80">
        <img src="images/80.gif" width="1000" height="41" alt="">
    </div>
</div>
</body>
</html>

Co jest nie tak ?
ODPOWIEDZ