Skip navigation
l3velxnation24
Currently Being Moderated

I’m new to Dreamweaver and is currently, making my first website. For just starting out I feel I’m d

Dec 3, 2012 5:52 AM

I'm new to dreamweaver and im currently creating my first website. I think im doing pretty good fir my first website and only using the software for only three months. I just need help with a few things. First thing being my website looks fine in chrome but out of wack in explorer. Idk if its a compatibility thing or something but I cant figure it out. I also cant figure out how to put div tags on the outsided of my main div tag. The left and right sides are too plain and ive already you float left and right but the div tags just in up inside of my main div tag.

 

http://l3velnation.com

 
Replies
  • Currently Being Moderated
    Dec 4, 2012 5:25 PM   in reply to l3velxnation24
     
    |
    Mark as:
  • Currently Being Moderated
    Dec 5, 2012 9:27 AM   in reply to l3velxnation24

    Frames, ugh!  

    http://apptools.com/rants/framesevil.php

     

    Your domain name home page wrapper is 1200px wide and a bit too wide to fit comfortably on average displays without horizontal scrollbars.   Needless to say, this width won't fit on tablets or mobile devices either.

     

    On internal pages, if you want to add content to the left & right, you'll need to use a CSS Layout that supports 3 columns.  Dreamweaver has several pre-built CSS Layouts you can use as a starting point. 

     

    Go to File > New > Blank page > HTML > Layouts (select 3-column fixed, header & footer).

    Hit Create.

     

    Tip:  #1 Don't add height values to divs containing text.  Height property limits how much content a div can hold and will mess things up when text size is increased in browsers.

     

    Tip #2 Clean up unnecessary & redundant CSS rules.  There's a lot of code here that you don't need.

     

    #wrapprOverall {

        height: 1750px;

        width: 800px;

        margin:0 auto;

        margin-right: auto;

        margin-left: auto;

        background-attachment: scroll;

        background: #000 url(../images/mnrymyr5m.png) center top;

        background-image: url(../images/mnrymyr5m.png);

        background-repeat: repeat;

        background-position: center top;

        background-color: #000;

        padding: 30px;

        font-style: normal;

        line-height: normal;

        font-weight: bold;

        font-variant: normal;

        color: #FFF;

        text-decoration: blink;

    }

     

    Tip #3 Use code validation tools & fix as many errors as you can.

    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fl3velnation.b usinesscatalyst.com%2Fpages%2Fhome.html

     

    Good luck with your project!

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)