Skip navigation
shauneyd33
Currently Being Moderated

Site looks fine in Design View but not Browser

Feb 9, 2013 12:44 AM

Hi Guys,

 

I am a complete newbie to Dreamweaver CS6 so please bear with me.

 

I have designed a very basic site using div tags and it all looks fine in Design View - it is only when I preview in my browser that my images are all over the place.

 

My first div tag is my container which is 968px wide with the rest of the settings set as auto with relative positioning.

 

Inside the container I have 11 div tags that all add up to 968 px wide. I have a sidebar with 3 images boxes across and 3 below but when I preview in browser I only have 2 boxes across and the other box is tucked underneath it.

 

I am not sure what I can do to rectify this. I have been trying for days to fix it but to no avail. I am not even sure what you guys would need from me to help me with this.

 

I would be forever grateful for any advice with this.

 

Many thanks in advance,

 

shauneyd33

 
Replies
  • Currently Being Moderated
    Feb 9, 2013 12:56 AM   in reply to shauneyd33

    I am not even sure what you guys would need from me to help me with this.

    A website link is worth a thousand words.

     

    Best thing you can do to help forum members help you is to upload the site to the web exactly as it stands and post a link here so we can view it in our browsers.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 12:56 AM   in reply to shauneyd33

    shauneyd33 wrote:

     

    I am not even sure what you guys would need from me to help me with this.

    A link to your site would be very helpful.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 1:38 AM   in reply to shauneyd33

    Hello,

    I can give some ideas for it.

    Check if there is scroll bar present or not.may be your division exceeding d screen size. And also check you have properly closed the division.

    If its nested division.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 9, 2013 12:22 PM   in reply to shauneyd33

    Without seeing a line of code, I'm going to hazard a wild guess that you have fallen for the newbie trap of using APDivs for primary layouts. Absolute positioning removes content from the normal document flow and sticks it relative to the top, left parent container or browser window.  So what you see in Design view bears almost  no resemblance to what your page really does in Live View or Browser Preview.   Don't use positioning.  You don't need it & you're much better off without it.

    http://www.apptools.com/examples/pagelayout101.php

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 10, 2013 10:12 AM   in reply to shauneyd33

    There's nothing extraordinary in what you've posted so far. 

    Please show us the code from your styles.css file.

     

     

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Feb 10, 2013 10:14 AM   in reply to shauneyd33

    Maybe you should find a more reliable hosting provider.  Server's shouldn't go down.  If they do, it's usually a bad sign of more bad things to come...

     

    Nancy O.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points