The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> CSS div styles question
Cyclohexane
post Mar 10 2009, 08:07 PM
Post #1





Group: Members
Posts: 2
Joined: 25-February 09
Member No.: 7,887
So I finished writing my page, and I only have one issue.. Everything is in div boxes, and they are positioned absolutely... I need to make it so that my page scrolls horizontally centered with the page, and I've got that done (by setting the body stylesheet to text-align: center and getting rid of the div style), but I've encountered another issue.. The only way I knew how to format things was with absolute positioning.. How do I set up the div boxes now so that I can make everything look as if it were positioned absolutely (without the page not moving horizontally)..

Here is my code for my index, by the way (I'm a newb, so please bear with me)
CODE

<html>

<head>
    <style type="text/css">
    body {
        font-family:verdana,arial,sans-serif;
        font-size:10pt;
        margin:10px;
        background-color:#1e1e1e;
        text-align: center;
    }
    </style>

    <title>Yggdrasilasaurus</title>
</head>
<body>
    
    <div>
        <a href="index.html">
            <img src="yggbanner.gif" width="900" height="200" alt="Banner" border="0">
        </a>
    </div>
    
    <div>
        <img src="navbar1.gif">

        <a href="index.html">    
            <img src="navbarstreamselected.gif" border="0">
        </a>

        <a href="news.html" onMouseover="document.news.src='navbarnewsselected.gif'" onMouseout="document.news.src='navbarnews.gif'">
            <img src="navbarnews.gif" border=0 name="news">
        </a>

        <a href="marathons.html" onMouseover="document.marathons.src='navbarmarathonselected.gif'" onMouseout="document.marathons.src='navbarmarathon.gif'">
            <img src="navbarmarathon.gif" border=0 name="marathons">
        </a>

        <a href="japan.html" onMouseover="document.japan.src='navbarjapanselected.gif'" onMouseout="document.japan.src='navbarjapan.gif'">
            <img src="navbarjapan.gif" border=0 name="japan">
        </a>

        <a href="donate.html" onMouseover="document.donate.src='navbardonateselected.gif'" onMouseout="document.donate.src='navbardonate.gif'">
            <img src="navbardonate.gif" border=0 name="donate">
        </a>
    </div>
            
    <div>
        <img src="contentstream.gif" alt="contentbox">
    </div>
        
    <div>
        <object type="application/x-shockwave-flash" width="468" height="383" id="jtv_player_flash" data="http://www.justin.tv/widgets/jtv_player.swf?channel=yggdrasilasaurus" bgcolor="#000000">
            <param name="allowFullScreen" value="true" />
            <param name="movie" value="http://www.justin.tv/widgets/jtv_player.swf" />
            <param name="flashvars" value="channel=yggdrasilasaurus&auto_play=true&start_volume=90" />
        </object>
    </div>

    <div>
        <object type="application/x-shockwave-flash" height="383" width="350" id="jtv_chat_flash" data="http://www.justin.tv/widgets/jtv_chat.swf?channel=yggdrasilasaurus" bgcolor="#FFFFFF">
            <param name="allowFullScreen" value="true" />
            <param name="movie" value="http://www.justin.tv/widgets/jtv_chat.swf" />
            <param name="flashvars" value="channel=yggdrasilasaurus" />
            <param name="wmode" value="transparent" />
        </object>
    </div>
                
</body>
</html>


What this code gives me:
IPB Image

What I want:
IPB Image

Also, as a postscript, all comments and criticism are very welcome!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Mar 12 2009, 04:10 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Can you post the URL (address) of your page? Just looking at the source doesn't help much.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 19th April 2024 - 08:47 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC