Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Text size on my website increased with Firefox 4 and the new IE
New Posts  All Forums:Forum Nav:

Text size on my website increased with Firefox 4 and the new IE - Page 2

post #11 of 14
Quote:
Originally Posted by Zcypot View Post
might be zoomed in by accident? try ctrl+0 just in case
i tried this, it isnt zoom
T420
(14 items)
 
  
CPUMotherboardGraphicsRAM
i5-2410m Lenovo Intel HD 3000 8GB GSkill DDR3 
Hard DriveOSOSMonitor
Kingston HyperX Windows 7 Ubuntu 14" 1600x900 
Case
Thinkpad 
  hide details  
Reply
T420
(14 items)
 
  
CPUMotherboardGraphicsRAM
i5-2410m Lenovo Intel HD 3000 8GB GSkill DDR3 
Hard DriveOSOSMonitor
Kingston HyperX Windows 7 Ubuntu 14" 1600x900 
Case
Thinkpad 
  hide details  
Reply
post #12 of 14
Looks like your margins/padding aren't big enough. Try adjusting them.
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
Underground
(14 items)
 
  
CPUMotherboardGraphicsRAM
Core i7 920 C0 ASUS P6T6 WS Revolution GTX 460 TR3X6G1600C8D 
Hard DriveOptical DriveCoolingOS
WD1001FALS SAMSUNG SH-S223F 22X DVD MULTI Corsair H50 Fedora 16 KDE x86_64 
MonitorKeyboardPowerCase
HP w19b Microsoft Comfort Curve Corsair CX600 Thermaltake Armor VA8003BWS 
MouseMouse Pad
Razer DeathAdder Black 
  hide details  
Reply
post #13 of 14
Your issue is in the markup and css. I am going to use the appDiv7 div as an example, but the same thing applies to the other divs that are overflowing also.

1.
1st and most important. You need to get rid of all the <br> tags in there and let the text flow. You can not rely on text size as it will be at least slightly different in different browsers. Leave your paragraphs with <p></p> tags which is semantically correct anyway. You really don't need the <blockquote> tags in there either.

2.Your markup is not optimal (z-index etc ), but without changing everything, this is what I would do. Your width on appDiv7 is 737px. You need to change that so that it is the width of just where you want to text to flow. Somewhere around 350px would be my guess. This will allow your text to stay where you want it, regardless of size and you won't have these issues. You will have to do 1. first though, or you will get all kinds of funny broken lines of text.

The "correct" way to do that page would be to have your grey tab boxes as background images. You would then have your paragraph text and float your pardigm image right ( which would be a separate image ).

That should at least get you started.
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
post #14 of 14
It looks pretty normal for me on Firefox 4.0.1.



On IE9 however, the text doesn't fit at all, I have no clue what causes it though.
First build
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k @ stock ASUS P8P67 PRO Gigabyte r9 290 4GB Corsair 8 GB CML8GX3M2A1600C9 
Hard DriveOptical DriveOSMonitor
240GB Crucial M500 SSD, 500GB WD Blue, 2x2TB WD... Samsung SH-B123L Windows 7 Ultimate 64bit 24" ProLite E2407HDS-B1 
PowerCaseMouse
Corsair HX750 Cooler Master HAF X Logitech M500 
  hide details  
Reply
First build
(13 items)
 
  
CPUMotherboardGraphicsRAM
i5 2500k @ stock ASUS P8P67 PRO Gigabyte r9 290 4GB Corsair 8 GB CML8GX3M2A1600C9 
Hard DriveOptical DriveOSMonitor
240GB Crucial M500 SSD, 500GB WD Blue, 2x2TB WD... Samsung SH-B123L Windows 7 Ultimate 64bit 24" ProLite E2407HDS-B1 
PowerCaseMouse
Corsair HX750 Cooler Master HAF X Logitech M500 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Text size on my website increased with Firefox 4 and the new IE