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! Link to comment https://forums.phpfreaks.com/topic/143212-solved-css-text-in-ie-and-firefox/ Share on other sites More sharing options...
popcornplya Posted January 31, 2009 Share Posted January 31, 2009 Can you post your code? Link to comment https://forums.phpfreaks.com/topic/143212-solved-css-text-in-ie-and-firefox/#findComment-751112 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> Link to comment https://forums.phpfreaks.com/topic/143212-solved-css-text-in-ie-and-firefox/#findComment-751120 Share on other sites More sharing options...
popcornplya Posted January 31, 2009 Share Posted January 31, 2009 Try specifying a width for #statpanel Link to comment https://forums.phpfreaks.com/topic/143212-solved-css-text-in-ie-and-firefox/#findComment-751130 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! Link to comment https://forums.phpfreaks.com/topic/143212-solved-css-text-in-ie-and-firefox/#findComment-751135 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. Link to comment https://forums.phpfreaks.com/topic/143212-solved-css-text-in-ie-and-firefox/#findComment-751145 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.