Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

div alignment problem!

Featured Replies

Guys,

I need help look at this screenshots..

 

here in window mode you can see that the text are aligned..

windowmode.jpg

wtf, here in full screen what the heck look at the text!

fullscreen.jpg

look at my source code here..

source12.jpg

 

can anyone help me with this div problem!

onegai shimasu! please! HELP!

 

website: etchel.net76.net

The div you use is absolutly positioned "AP Div" so when you go full screen it maintains the margin you specified, you need to put your site in a container div and use left and right margin set to auto this will center your site you can then created another div to hold your text in place inside the container.

  • Author

tnx to you i finally solve it...

 

after putting a container div at me website and putting the introduction div inside the container div..

i got a problem... i can't center the site..

so i tried to make the container div's position:relative; and make a table outside the body tag and align it to center..

 

that's it!

it's solve! tnx anyways for answering...

 

look at the site... the site and the text sticks together now..

Ok Glad it helped,

 

To be honest its probably not a great idea mixing tables with divs, my advice to you is to ditch the tables and go over to divs completley, its fairly simple to nest divs to give you all sorts of layouts, and positioning them using CSS is not too dificult either.

 

The way you are laid out at the min may give some browsers a headache and in turn display your site incorrectly.

 

If you create a container div for placing all your other divs in its a simple case of setting the left and right margins to auto using CSS, like this:

#container {
height: 600px;
width: 800px;
margin-right: auto;
margin-left: auto;
}

 

This will give you a box 800pixels wide by 600 pixels high and will be positioned slap bang in the center of your screen.

There is a good tutorial on here for using divs hunt it out and I'm sure it will help you a lot.

 

Good Luck with your site :D

  • Author

ok i will try that out later because it's very dim out here or my family will ditch me now hehe..

 

i will ditch out the tables and concentrate on using div's.. It can also make the html look neat and clean....

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.