mikeg542 Posted January 31, 2009 Share Posted January 31, 2009 With Firefox, when I make the screen smaller, it just cuts off all the elements/text that wouldn't fit in the screen (which is what I want) while in IE the text is forced to wrap. Here's the firefox: Here's the IE: Thanks! Quote Link to comment Share on other sites More sharing options...
popcornplya Posted January 31, 2009 Share Posted January 31, 2009 Can you post your code? Quote Link to comment Share on other sites More sharing options...
mikeg542 Posted January 31, 2009 Author Share Posted January 31, 2009 a { text-decoration: none } #statpanel { position: absolute; left: 17px; top: 6px; height: 200px; } a.logout { z-index: 2; position: absolute; top: 15px; left: 190px; font-size: 19px; } #loggedinas { z-index: 2; position: absolute; top: 15px; left: 15px; font-style: bold; } a.link1 { z-index: 2; position: absolute; top: 10px; left: 68px; font-size: 24px; } a.link2 { z-index: 2; position: absolute; top: 10px; left: 186px; font-size: 24px; } a.link3 { z-index: 2; position: absolute; top: 10px; left: 292px; font-size: 24px; } a.link4 { z-index: 2; position: absolute; top: 10px; left: 433px; font-size: 24px; } a.link5 { z-index: 2; position: absolute; top: 10px; left: 540px; font-size: 24px; } #header { position: absolute; left: 20px; top: 25px; } #logoutbar { position: absolute; left: 685px; top: 145px; } #linkbar { z-index: 1; position: absolute; left: 20px; top: 145px; } #mainbox { position: absolute; left: 20px; top: 215px; } #mainbox2 { position: absolute; left: 20px; top: 415px; } #mainbox3 { position: absolute; left: 20px; top: 615px; } #statbox { position: absolute; left: 635px; top: 215px; } <html> <head> <link rel="stylesheet" type="text/css" href="template.css" /> </head> <body BGCOLOR="#F5F5FF" link="#000000" vlink="#000000" alink="#000000"> <div id='header'> <img src=header.jpg></img> </div> <div id='logoutbar'> <img src=logoutbar.jpg></img> <div id='loggedinas'>Logged in as: <?php echo "UserUser123";?></div> <a href=logout.php class='logout'>Logout</a> </div> <div id='linkbar'> <img src="linkbar.jpg" usemap=#example border=0> <map name=example> <area shape=Rect Coords= 65,0,145,70 href="index.php"> <area shape=Rect Coords= 170,0,250,70 fref="buy.php"> <area shape=Rect Coords= 280,0,365,70 href="play.php"> <area shape=Rect Coords= 420,0,500,70 href="trade.php"> <area shape=Rect Coords= 520,0,600,70 href="forum.php"> </map> <a href=index.php class='link1'>Home</a> <a href=buy.php class='link2'>Store</a> <a href=play.php class='link3'>Challenge</a> <a href=trade.php class='link4'>Trade</a> <a href=forum.php class='link5'>Forum</a> </div> <div id='mainbox'> <img src=mainbox.jpg></img> </div> <div id='mainbox2'> <img src=mainbox.jpg></img> </div> <div id='mainbox3'> <img src=mainbox.jpg></img> </div> <div id='statbox'> <div id='statpanel'>Welcome, <?php echo "UserUser123";?><BR> Games played:<BR> Wins:<BR> Losses<BR> Virtual Dollars:<BR> Rating:<BR> # of owned cards:<BR> </div> <img src=statbox.jpg> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
popcornplya Posted January 31, 2009 Share Posted January 31, 2009 Try specifying a width for #statpanel Quote Link to comment Share on other sites More sharing options...
mikeg542 Posted January 31, 2009 Author Share Posted January 31, 2009 I don't know why that solved it, but thanks very much! Quote Link to comment Share on other sites More sharing options...
popcornplya Posted January 31, 2009 Share Posted January 31, 2009 I suck at explaining stuff so sorry if you don't understand, but when you don't specify a width, the width is gonna be a % of your resolution. So as you decrease the resolution of IE the width gets less forcing the text to drop. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.