My Web page is massive in Safari and Firefox, but in Chrome...

Hello

I worked in Dreamweaver CS5, my pages are all works well in all browsers it's just the size that is different and I can't understand why.

The sites do not live yet, but here is the code:

< html >

< head >

< title > Homepage2 < / title >

< meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 ">"

<!-save for Web of Styles (Homepage2.tif - slices: 03, 06, 09, 12, 16, 18, 22, 25, 31, 35, 38, 41, 47, 50, 54)->

< style type = "text/css" >

<!--

{#Table_01}

position: relative;

left: 0px;

Top: 0px;

Width: 1400px;

height: 1000px;

}

{#wrapper}

Width: 1400px;

position: relative;

margin: 0 auto;

}

{#Homepage2-03}

position: absolute;

left: 819px;

top: 11px;

Width: 497px;

height: 251px;

}

{#Homepage2-06}

position: absolute;

left: 442px;

top: 19px;

Width: 308px;

height: 439px;

}

{Homepage2-09

position: absolute;

left: 28px;

top: 48px;

Width: 389px;

height: 507px;

}

{#Homepage2-12}

position: absolute;

left: 767px;

top: 237px;

Width: 33px;

height: 18px;

}

{#Homepage2-15}

position: absolute;

left: 819px;

top: 262px;

Width: 299px;

height: 82px;

}

{#Homepage2-16}

position: absolute;

left: 1118px;

top: 262px;

Width: 273px;

height: 186px;

}

{#Homepage2-18}

position: absolute;

left: 750px;

top: 344px;

Width: 47px;

height: 46px;

}

{#Homepage2-22}

position: absolute;

left: 807px;

top: 349px;

Width: 215px;

height: 99px;

}

{#Homepage2-25}

position: absolute;

left: 1037px;

top: 355px;

Width: 53px;

height: 43px;

}

{#Homepage2-31}

position: absolute;

left: 1045px;

top: 448px;

Width: 77px;

height: 74px;

}

{#Homepage2-32}

position: absolute;

left: 1122px;

top: 448px;

Width: 269px;

height: 205px;

}

{#Homepage2-35}

position: absolute;

left: 689px;

top: 489px;

Width: 69px;

height: 342px;

}

{#Homepage2-38}

position: absolute;

left: 632px;

top: 494px.

Width: 57px;

height: 21px;

}

{#Homepage2-41}

position: absolute;

left: 633px;

top: 519px;

Width: 56px;

height: 22px;

}

{#Homepage2-43}

position: absolute;

left: 1118px;

top: 522px;

Width: 4px;

height: 131px;

}

{#Homepage2-47}

position: absolute;

left: 829px;

top: 565px;

Width: 264px;

height: 419px;

}

{#Homepage2-50}

position: absolute;

Left: 5px;

top: 592px;

Width: 620px;

height: 378px;

}

{#Homepage2-54}

position: absolute;

left: 1121px;

top: 661px;

Width: 266px;

height: 321px.

}

->

< / style >

<! - end Save for Web Styles - >

< / head >

< body style = "background-color: #FFFFFF;" margin-top: 0px; margin-bottom: 0px; left margin: 0px; margin-right: 0px; ">

<!-except for Web slices (Homepage2.tif - slices: 03, 06, 09, 12, 16, 18, 22, 25, 31, 35, 38, 41, 47, 50, 54)->

< div id = 'wrapper' >

< div id = "Table_01" >

< div id = "Homepage2-03" > < a href = Source/Gallery_Street.html"" > < img src = "Images/Homepage2_03.png" width = "497" height = "251" alt ="" > < / a > "

< / div >

< div id = "Homepage2-06" >

< img src = "Images/Homepage2_06.png" width = "308" height = "439" alt ="" > "

< / div >

< div id = "Homepage2-09" > < a href = Source/Lions.html"" > < img src = "Images/Homepage2_09.png" width = "389" height = "507" alt ="" > < / a > "

< / div >

< div id = "Homepage2-12" >

< img src = "Images/Homepage2_12.png" width = "33" height = "18" alt ="" > "

< / div >

< div id = "Homepage2-15" > < a href = Source/Gallery_Street.html"" > < img src = "Images/Homepage2_15.png" width = "299" height = "82" alt ="" > < / a > "

< / div >

< div id = "Homepage2-16" > < a href = Source/Gallery_Flash.html"" > < img src = "Images/Homepage2_16.png" width = "273" height = "186" alt ="" > < / a > "

< / div >

< div id = "Homepage2-18" >

< img src = "Images/Homepage2_18.png" width = "47" height = "46" alt ="" > "

< / div >

< div id = "Homepage2-22" > < a href = Source/Gallery_Street.html"" > < img src = "Images/Homepage2_22.png" width = "215" height = "99" alt ="" > < / a > "

< / div >

< div id = "Homepage2-25" >

< img src = "Images/Homepage2_25.png" width = "53" height = "43" alt ="" > "

< / div >

< div id = "Homepage2-31" > < a href = "Source/Gallery_Flash.html" > < img src = images/Homepage2_31.png"" width = "77" height = "74" alt = "" > < /a >

< / div >

< div id = "Homepage2-32" > < a href = Source/Gallery_Flash.html"" > < img src = "Images/Homepage2_32.png" width = "269" height = "205" alt ="" > < / a > "

< / div >

< div id = "Homepage2-35" > < a href = "Homepage2.html" > < img src = images/Homepage2_35.png"" width = "69" height = "342" alt = "" > < / a >

< / div >

< div id = "Homepage2-38" >

< img src = "Images/Homepage2_38.png" width = "57" height = "21" alt ="" > "

< / div >

< div id = "Homepage2-41" > < a href = Source/Contact.html"" > < img src = "Images/Homepage2_41.png" width = "56" height = "22" alt ="" > < /a > "

< / div >

< div id = "Homepage2-43" >

< img src = "Images/Homepage2_43.png" width = "4" height = "131" alt ="" > "

< / div >

< div id = "Homepage2-47" >

< img src = "Images/Homepage2_47.png" width = "264" height = "419" alt ="" > "

< / div >

< div id = "Homepage2-50" >

< img src = "Images/Homepage2_50.png" width = "620" height = "378" alt ="" > "

< / div >

< div id = "Homepage2-54" >

< img src = "Images/Homepage2_54.png" width = "266" height = "321" alt ="" > "

< / div >

< / div > < / div >

<!--end Save for Web Slice components-->

< / body >

< / html >

I found that if I do more kid either by changing the wrapper or by exporting a smaller size of photoshop, size is fine on Safari and Firefox, but really small on Chrome. Prefer bigger but smaller would be so awesome if there was something I could do to make them all the same...

Help. Thank you

Since we cannot see your images without a link to your work in progress, my guess would be your zoom settings in these browsers are on something other than 100%.

You also get yourself shot in the foot in a significant way with the absolute positioning of all that. APDivs have been removed from the DW in the new versions because Adobe has finally came to their senses and stopped allowing the marketing department to dictate how the design should be made.

Tags: Dreamweaver

Similar Questions

Maybe you are looking for